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

Use Grid for box wrapper and flex for all to complete

duongns-vn 210

@duongns-vn

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


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

I was hesitant to choose between Flexbox and Grid to responsive for 4 cards. In the end I decided to choose Grid with grid-templete-areas property, because I thought maybe it would help more and faster than flexbox in this case.

Community feedback

@Simone-cpu-debug

Posted

Honestly very good code, very close to it's original, I supposed you used figma too to view the proportions.

1

duongns-vn 210

@duongns-vn

Posted

Thank you @Simone-cpu-debug . I used the image in the design folder, then went to figma to measure. lol, it took a little extra time because I love precision.

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