Product Landing Page - Build a Product Landing Page

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

My progress doesnt save to run test, it keeps giving this alert "Slow Down! Your code was not saved. Try again in a few seconds." , presently on my 6th retry as each time i resume a session ill have to start from beginning and when ready to save and run tests, i get that alert. It is very frustrating , i dont know what i am doing wrong, if i cant save and assess my progress then what`s the point. PLEASE HELP
Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initail-scale= 1.0" />
    <title>Product Landing Page</title>
    <link rel="stylesheet" href="styles.css"/>
    <!-- add googlefonts and fontawesome -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
  </head>
  <body>
    <header id="header">
      <!-- add an image -->
      <img src="https://img.freepik.com/free-photo/golden-trumpet_1112-79.jpg?size=626&ext=jpg" alt="trumpet image" id="header-img" />
      <h2>Original Trombones</h2>
      <!-- nav to be position fixed -->
      <nav id="nav-bar">
        <ul>
        <li><a href="#" class="nav-link">Features</a></li>
          <li><a href="#" class="nav-link">How It Works</a></li>
          <li><a href="#" class="nav-link">Pricing</a></li>
        </ul>
        <!-- link nav to sections -->
      </nav>
     </header>
      <div>
        <h2>Handcrafted, home-made masterpieces</h2>
        <form id="form">
          <input type="email" placeholder="Enter your email" id="email"/>
          <input type="submit" action="https://www.freecodecamp.com/email-submit" 
        method="post" id="submit" value="GET STARTED"/>
        </form>
      </div>

      <div>
        <!-- insert icon -->
        <p>Premium Materials</p>
        <p>Our trombones use the shiniest brass which is sourced locally. This will increase the longevity of your purchase.</p>
        <p>
Fast Shipping</p>
        <p>We make sure you recieve your trombone as soon as we have finished making it. We also provide free returns if you are not satisfied.</p>
        <p>Quality Assurance</p>
        <p>For every purchase you make, we will ensure there are no damages or faults and we will check and test the pitch of your instrument.</p>
      </div>
      <!-- embed video here id="video" -->
    <div class="tool-option">
      <div class="tool-deal">
        <h3>TENOR TROMBONE</h3>
        <p>$600</p>
        <p>Lorem ipsum.
Lorem ipsum.
Lorem ipsum dolor.
Lorem ipsum.</p>
<button>SELECT</button>
      </div>
      <div class="tool-deal">
        <h3>BASS TROMBONE</h3>
        <p>$900</p>
        <p>Lorem ipsum.
Lorem ipsum.
Lorem ipsum dolor.
Lorem ipsum.</p>
<button>SELECT</button>
      </div>
      <div class="tool-deal">
        <h3>VALVE TROMBONE</h3>
        <p>$1200</p>
        <p>Lorem ipsum.
Lorem ipsum.
Lorem ipsum dolor.
Lorem ipsum.</p>
<button>SELECT</button>
      </div>
    </div>
    <footer class="footer">
      <nav id="nav-footer">
        <ul>
          <li><a href="#">Privacy</a></li>
          <li><a href="#">Terms</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </nav>
      <p>Copyright 2016, Original Trombones</p>
    </footer>
  </body>
</html>

/* file: styles.css */
/* font-family: 'Old Standard TT', serif; use for header */

/* font-family: 'Lato', sans-serif; use for body */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

Challenge: Product Landing Page - Build a Product Landing Page

Link to the challenge:

2

I can’t really say why its not saving. It should just be saving into the database… so if thats not working maybe a firewall or browser issue, browser security settings, or something local? Could also be your internet connection. Perhaps you could try another browser.

Aside from that, just wanted to suggest an alternative, and that’s just copy your code into a local file on your computer, like in notepad or wordpad, and then you can copy it back to resume your work. Also, to run the tests it is not required for you to save your code. The tests will run on whatever you have in the console, no saving is required.

1 Like
3

Thanks for the suggestions, I’ve tested some to narrow down the issue i disabled antivirus, reinstalled chrome and connection is working with other features. I’ll try the workaround to continue the work, i only hope the alert doesn’t persists that it affects my progress.