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

Four Cards Layout

Iraada 40

@Iraada

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


Hellooo all,

Hope you're doing great. It's my third project on Frontend Mentor (HTML & CSS), I would love to receive your feedback. I saw some people doing it using grid, I've done it using flex box. Is it the right approach?

Much Love and God Bless

Community feedback

Anna Leigh 5,135

@brasspetals

Posted

Hi, Iraada!

Flexbox is totally fine - in fact it's what I used back when I did this challenge. 😄 Either works. As for your solution, it looks good! My only suggestion would be to change the media query from 900px to about 1050px, since the four card layout is a bit squished, and the images overflow the cards at 900px. Happy coding!

0

Iraada 40

@Iraada

Posted

@brasspetals Hi Anna! Thank you for taking the time to review my code ^^ Happy coding to you too :D

0

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