Skip to content
Submitted about 2 months ago

Responsive, Grid, Flex

kozel159•120
@kozel159
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I was able to use flexbox and grid multiple times, without the site going bonkers

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

combining flexbox and grid

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

none

Community feedback

  • Andres Gonzalez | AGDevs•100
    @8NeoN8Posted about 2 months ago

    Good work with the layout except for a few details:

    the cards backgrounds are the same color as the page background, they should have a white background instead

    the landing title and description are a smaller font, which is the mobile font size, I recommend increasing the font size starting from 1080px wide screens

    and the design is a little too high, a padding-top of a few rems on the page should get it right on position

    Everything else seem correct the cards stack and unstack on the width changes, you didn't use that much semantic html but this challenge doesn't have much room for it, at least from what I did, nice work!

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