Skip to content
Submitted 4 months ago

Use Grid for box wrapper and flex for all to complete

duongns-vn•210
@duongns-vn
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

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•120
    @Simone-cpu-debugPosted 4 months ago

    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-vnPosted 4 months ago

    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

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