Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Cards Section Using Flexbox and Grid

@Gabrielbe17

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

P

@emestabillo

Posted

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

@Gabrielbe17

Posted

@emestabillo thank you so much!

1

Please log in to post a comment

Log in with GitHub
Discord logo

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