Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • @Tayara97

    Submitted

    What challenges did you encounter, and how did you overcome them?

    i still don't know how to use semantic HTML and if the nav should be inside the header or not

    What specific areas of your project would you like help with?

    i am a beginner and it's my first project without tutorials so could anyone tell me if there is any problem with my code in CSS and what should I do instead

    @nahinMSM

    Posted

    Sure, here's a basic example of a semantic HTML structure:

    <!doctype html>
    • <html>
    • <head> <meta charset="utf-8" /> <title>My Page</title>
    • </head>
    • <body>
    • <header>
       <nav>
        <ul>
          <li><a href="#">Home</a></li>
           <li><a href="#">About</a></li>
           <li><a href="#">Contact</a></li>
         </ul>
       </nav>
       <h1>Welcome to My Website</h1>
      
      </header>
    • <main>
    •  <section>
        <h2>Introduction</h2>
        <p>This is the introduction to my website.</p>
      </section>
      <section>
        <h2>Main Content</h2>
        <p>This is the main content of my website.</p>
      </section>
      <aside>
        <h3>Sidebar</h3>
        <p>This is the sidebar of my website.</p>
      </aside>
      
      </main>
    • <footer>
    •   <p>Copyright © 2024 My Website</p>
      
    • </footer>
    • </body>
    • </html>

    These elements:

    <header>: represents the document header, which may contain a logo, a search form and/or a navigation menu.
    • <nav>: represents a section of the document that contains navigation links.
    • <main>: represents the main content of the document.
    • <section>: represents a generic section of the document.
    • <h1>, <h2>, <h3>: represent titles of different levels.
    • <aside>: represents a section of the document that is related to the surrounding content, but can be considered separate, like a sidebar.
    • <footer>: represents the footer of the document, which may contain copyright information, legal disclaimers and/or links to related documents.

    In "CSS" Semantic elements do not need "Class".

    Example: body { } head { } nav { }

    Focus on learning "Flexbox", it is very good for organizing the layout on desktop and mobile. On this site is a cool game to play: https://flexboxfroggy.com/

    Hope this helps.

    Marked as helpful

    0
  • @Tayara97

    Submitted

    What challenges did you encounter, and how did you overcome them?

    i still don't know how to use semantic HTML and if the nav should be inside the header or not

    What specific areas of your project would you like help with?

    i am a beginner and it's my first project without tutorials so could anyone tell me if there is any problem with my code in CSS and what should I do instead

    @nahinMSM

    Posted

    Hello Abdelrahman Mohammed! All is well?

    The html isn't really semantic, but it's working, if you study a little more you'll get it quickly.

    In the css, if you remove the ("") the font will work.

    font-family: Inter;

    Marked as helpful

    1
  • P

    @billgeorgop93

    Submitted

    The following link helped me a lot to understand how to format correctly a form with the addition of implementation of javascript and give the user a counterpart message what is wrong with the input. https://www.javascripttutorial.net/javascript-dom/javascript-form-validation/

    @nahinMSM

    Posted

    Olá Bill! A visualização do site não esta aparecendo.

    0
  • @Layan-khalil

    Submitted

    What are you most proud of, and what would you do differently next time?

    while I'm writing a code I faced such problem check it out and if you know the reason write it in the comments thanksss !

    @nahinMSM

    Posted

    Ficou muito bom! código limpo, fácil de entender.

    0
  • @nahinMSM

    Posted

    Ficou legal! Código limpo, fácil de entender. :)

    0