Skip to content
Submitted about 3 years ago

Cards Section Using Flexbox and Grid

GabrielBasco•250
@Gabrielbe17
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

This is my first challenge and I’d like to receive some feedback, especially how I use flexbox the responsive and why aren’t the svg images displayed.

Community feedback

  • Emmilie Estabillo•5,540
    @emestabilloPosted about 3 years ago

    Hi @Gabrielbe17, good job on your first submission! Just a few suggestions:

    • For your images, the paths need a . before the first slash

    • To avoid having the cards look squished in mobile view, I would adjust the 10rem padding on the left and right side of the .cards class.

    • For your next project, I highly recommend going mobile-first. Easier to scale up elements rather than make large elements fit smaller spaces.

    Hope this helps!

    Marked as helpful
    0
    GabrielBasco•250
    @Gabrielbe17Posted about 3 years ago

    @emestabillo thank you so much!

    1

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