Skip to content
Submitted almost 3 years ago

4 card section using Flexbox and Grid

Valeria Montoya•240
@ValeriaMontoya
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

I'm not sure if the way I build the layout for the cards is right, what do you think?

Community feedback

  • Elroy Toscano•630
    @elroytoscanoPosted almost 3 years ago

    You've done a great job with this. The use of grids and positioning each and every grid item using the grid-row and grid-column attribute is perfect.

    One minor thing you may implement, currently, the view changes from column to this 4-card layout at 768px, however, the content of the cards looks as if it could use some more space. In case of a layout that is so big, you could change the view from column to 4 card layout at 1000px or 1024px. This would ensure, that every card would have enough real estate for itself.

    Marked as helpful
    0
    Valeria Montoya•240
    @ValeriaMontoyaPosted almost 3 years ago

    @elroytoscano Thank you, I appreciate your comments and suggestions. I'll keep them in mind.

    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