Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
5

Nahin Moreira

@nahinMSMAracaju-se240 points

Desenvolvedor Web Front-End. HTML5, CSS3, JavaScript.

Latest solutions

  • Advice generator app


    Nahin Moreira•240
    Submitted 11 months ago

    1 comment
  • Huddle landing page with single introductory section


    Nahin Moreira•240
    Submitted 12 months ago

    0 comments
  • Room homepage master


    Nahin Moreira•240
    Submitted about 1 year ago

    0 comments
  • News homepage main


    Nahin Moreira•240
    Submitted over 1 year ago

    0 comments
  • seção de comentários interativos-principal


    Nahin Moreira•240
    Submitted over 1 year ago

    0 comments
  • newsletter-inscrição-com-mensagem-de-sucesso-principal


    Nahin Moreira•240
    Submitted over 1 year ago

    1 comment
View more solutions

Latest comments

  • Abdelrahman mohamed•230
    @Tayara97
    Submitted about 1 year ago
    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

    News homepage --Responsive design using flex box and some javascript

    2
    Nahin Moreira•240
    @nahinMSM
    Posted about 1 year ago

    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
  • Abdelrahman mohamed•230
    @Tayara97
    Submitted about 1 year ago
    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

    News homepage --Responsive design using flex box and some javascript

    2
    Nahin Moreira•240
    @nahinMSM
    Posted about 1 year ago

    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
  • Bill Georgopoulos•200
    @billgeorgop93
    Submitted over 3 years ago

    Base Apparel coming soon page /w form validation with js

    1
    Nahin Moreira•240
    @nahinMSM
    Posted over 1 year ago

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

  • Layan Khalil•220
    @Layan-khalil
    Submitted over 1 year ago
    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 !

    newsletter-signup-form

    1
    Nahin Moreira•240
    @nahinMSM
    Posted over 1 year ago

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

  • Jordan Herrera Vera•490
    @jordanheve
    Submitted about 2 years ago

    Interactive rating component JS solution

    1
    Nahin Moreira•240
    @nahinMSM
    Posted about 2 years ago

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

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub