Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
22
Comments
4
Nascimento
@Nacsimento

All comments

  • ABDULLAH•80
    @Abdullahbdbd
    Submitted over 1 year ago

    HTML and CSS

    1
    Nascimento•390
    @Nacsimento
    Posted over 1 year ago

    Hello there 👋. Congratulations on successfully completing the challenge! 🎉

    I see you have not centered your content properly. Instead wrap the all the <div> in a <main> tag and make a container for the whole card section.

    That will make it easier to center you content

    main{ display:flex; align-items:center justify-content:center height:100vh; } If you have any questions or need further clarification, you can always check out my submission for this challenge and feel free to reach out to me. .

    I hope you find this helpful 😄 Above all, the solution you submitted is great !

    Happy coding!

  • Reno08-code•300
    @Reno08-code
    Submitted about 2 years ago

    Newsletter-sign-up-form-with-success-message

    2
    Nascimento•390
    @Nacsimento
    Posted about 2 years ago

    Hello there 👋. Congratulations on successfully completing the challenge! 🎉

    I see you have not used the div tags properly. Instead of giving the <main> tag a class name of container , you can add a <div> of class container inside the main and create two more divs one for the main form and one for the thank you.

    That will make it easier to center you content

    main{
    display:flex;
    align-items:center
    justify-content:center
    height:100vh;
    }
    

    If you have any questions or need further clarification, you can always check out my submission for this challenge and feel free to reach out to me. .

    I hope you find this helpful 😄 Above all, the solution you submitted is great !

    Happy coding!

    Marked as helpful
  • Welliton San•170
    @Kira-Sann
    Submitted about 2 years ago

    testimonials-grid-section-main

    1
    Nascimento•390
    @Nacsimento
    Posted about 2 years ago

    Hello there 👋. Congratulations on successfully completing the challenge! 🎉

    I have just one recommendations regarding your code that I believe will be of great interest to you.

    Instead of giving margin to the div container you can easily center the div with grid or flexbox

    flexbox:

    body{
    display:flex;
    align-items:center
    justify-content:center
    height:100vh;
    }
    

    grid:

    body{
    display:grip;
    place-item:center;
    min-height:100vh;
    }
    

    If you have any questions or need further clarification, you can always check out my submission for this challenge and feel free to reach out to me. .

    I hope you find this helpful 😄 Above all, the solution you submitted is great !

    Happy coding!

  • balvinder1009•20
    @balvinder1009
    Submitted about 2 years ago

    QR code component using html and css

    1
    Nascimento•390
    @Nacsimento
    Posted about 2 years ago

    Hello there 👋. Congratulations on successfully completing the challenge! 🎉

    I have other recommendations regarding your code that I believe will be of great interest to you.

    Instead of giving margin to the div container you can easily center the div with flexbox:

    body{
    display:flex;
    align-items:center
    justify-content:center
    height:100vh;
    }
    

    Also you can replace <div class="container"> with the main tag to make the content/ page accessible.

    If you have any questions or need further clarification, you can always check out my submission for this challenge and feel free to reach out to me. .

    I hope you find this helpful 😄 Above all, the solution you submitted is great !

    Happy coding!

    Marked as helpful

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