Skip to content
Submitted about 2 months ago

Responsive Website using CSS Grid and Flex

Nafis Sazzad Niloy•150
@methane-js
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Bento grid
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

Alhamdulillah, I am proud because I have mastered CSS grid now.

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

The Challenge was to make the layout. It was very difficult to make the layout. I made the layout using CSS Grid.

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

If you have any suggestion for the mobile design of this project, please tell me.

Community feedback

  • Marzia Jalili•4,230
    @MarziaJaliliPosted about 2 months ago

    Flawless! 🎉

    Some suggestion:

    • First, you could use the <section> element for each card instead of <div>. The <div> element doesn't provide enough information to the screen readers, man.

    • Second, consider adding some padding to the bottom of the page for the mobile disgn to make it look even cleaner.

    • Lastly, the background color of the page is a bit brighter than the one you've set for it. 😁 The exact color is provided the the style-guide.md file.

    Great work overall, happy coding.

    😎😎😎

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord