Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
1

Noa

@NoaSalgado130 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

I’m currently learning...

HTML, CSS, JavaScript, React

Latest solutions

  • React Advice Generator App

    #react#vite

    Noa•130
    Submitted almost 2 years ago

    0 comments
  • React Age Calculator App

    #react

    Noa•130
    Submitted almost 2 years ago

    0 comments
  • Interactive FAQ accordion card


    Noa•130
    Submitted about 2 years ago

    1 comment
  • Intro sign up form component, using flexbox and form validation


    Noa•130
    Submitted over 2 years ago

    1 comment
  • Results summary section using flexbox


    Noa•130
    Submitted over 2 years ago

    0 comments
  • Social proof section using CSS Grid


    Noa•130
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • Ahmed Dosouky•20
    @Adosouky
    Submitted over 2 years ago

    QR-code-component

    2
    Noa•130
    @NoaSalgado
    Posted over 2 years ago

    Hi!!

    • The best way, in my opinion, to center .big_container would be to apply to the body a minimum height of 100vh (100% of the viewport height) and use css grid like this:
    body{
       min-height: 100vh;
       display: grid;
       place-content: center;
    }
    
    • The margins you apply in .big_container are not necessary. You can also apply flexbox to the body as you have done in .container.

    • Other recommendations would be to include the styles in a separate file. You should also use a <main> tag instead of <div> in the .big__container element to indicate that the content is the main content.

    • You should also include and <h1> heading

    I hope this helps. If you have any questions let me know

    Nice work!!!

    Marked as helpful
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