Product Landing Page - Build a Product Landing Page

Tell us what’s happening:
After a day working my page was reset to the day before

can anyone help, is this a technical issue or did I do something wrong, or is it my computer or internet setting?

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Landing Page</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>

    <section>
    <header id="header">
      <div class="nav-bar">
         <nav id="nav-links">
       <ul>
       <li> <a link class="nav-link" href="#Recipes">Recipes</li>
        <li><a link class="nav-link" href="#About">About</li>
         <li><a link class="nav-link" href="Contact">Contact</li>
         </ul>
            </nav>
            </div>
    <img id="header-img" src="
https://lh3.googleusercontent.com/pw/ADCreHdoyPfXVSYkTbujw9Ou_H_2wrsxllGvwuD0nJ-22n_ljX9GPqAIDfHgbeRlHSICHEkElcx9QSQYn9oO_lHyDTq1eMst4xYKqJW9FtIfG94_o3NzIkT2HWAq2ORcEU47wRx1RP1u2difftVqAxmNOXhQZiMe-XsGzSXv3FgtMBfwf158GnOtiGRDEvlY9jSQ8S_Di1j075Vcxc1J6ams7PB1IonYC7082wE5RvAA1HGPmp1-oPWfpcezTvqd9IPZcv9HPjNPSENxuZ87BdFO-mZcvpnI9JHS2JzNVJXmfSmErfrbBPGtdCJgNf5QHDcFtxECPsmbI4YdIS65KBRolSwsIhjuTrCUGD9gU8pEQsGTD3PYSeZxKp2IFo6BHA--8vo3sTjnBdb9TYtKRpJ7wBzYM13CTCE38ckaCGiWXf3xIQGWIIevxYfbrfurvlC5BvBLdWecv6dVjz_NK1L0qGKORx1GsnSdoK2_JXZGJoKJ0ELeLfQWCHn-MSh_kWKPo2aE-udVnD4p3Eq_6KgPEBIo0kMcLIp5ER9Ciwjx4FPJ_R80kfSPbX9D-80YVgRr4FgECfLnk-BKicPs9BS94ANsbipVOAeyIYyEhhxmAng8fMcIyVLttaxMlJWebUYvAA-vH-u0sRhm0QYS01dsmQBtSytMqpClhvojuXQypMw0RvnfNn--W7JFIUB6VIg4nmH8F6Y1HVG3YVViaClZBxc3rN8MFARWnBes_yBbVTpE_C1dFIMCTx0EbsdY2bLqhWM6JpLMawwQIzh4vh618kfj_fDGK9Q70ZHiZuKzJhuTm4lgcEArDYQztf4rPAhI1h3klVeStUloYoE8jq5XrJOUhVspq7VVJS3sY8qB8IQmT3hEfEikSxTlPYYoX0FacRsmYyL8b49aZcmX2-PssbKJqw=w500-h500-s-no?authuser=0g" alt="logo"/>
  
   
    </header>
    </section>
                                  
  <section id="video">
<iframe id="video" width="560 " height="315" src="https://www.youtube.com/watch?v=orYbJnvW2Mw" frameborder="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen<iframe>                        
           </section> 

               

   
  </body>
</html>
/* file: styles.css */

*{box-sizing: border-box}


body{font-family: 'Baskervville', serif; color:#00FF00; background-color: fad3bf;
margin: 0}

#header {
  text-align:left;
  text-transform: uppercase;
  padding: 32px;
  
  border-bottom: 4px solid #fdb347;
  border-top: 4px solid #fdb347
}

#header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: 
  center;
  align-items: center;
  gap: 16px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px 10px;

  text-transform: uppercase;
  background-color: f7c2a8
 

}

#header-img{display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:center;}

  #video{display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center}

  .nav-links{
  text-transform: uppercase;
  padding: 32px;
  
  border-bottom: 4px solid #fdb347;
  border-top: 4px solid #fdb347;
  background-color: #f6d29c}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/118.0

Challenge: Product Landing Page - Build a Product Landing Page

Link to the challenge:

Did you submit it before you stopped working on it?

I think it only saves if you submit it.

No I did not, but I learnt my lesson.

Thanks for replying, lasjorg

I think you can also use Ctrl + s to save your code at any time.

I shall try that next time, cheers bbsmooth

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.