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 Card Feature Section Using Flexbox - Any Feedback Appreciated!

mattyoung7• 200

@mattyoung7

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Orlando Guevara• 220

@coding-tomato

Posted

Looks excellent Matt! Perhaps you could've made the cards in the desktop view responsive? I know you added a Media Query to reduce a bit the width of each card, but it might have been better to have it adjust to viewport width like you did with the mobile view!

Marked as helpful

0

mattyoung7• 200

@mattyoung7

Posted

@VeryEvilTomato Thank you very much for the feedback! Yeah I tried to make the cards responsive when increasing the screen size, but for some reason it kept knocking them off centre and I couldn't get it to work no matter what I tried! I'll keep going back to it until something works, but thanks again and good look with your own coding too! :)

1
Orlando Guevara• 220

@coding-tomato

Posted

@mattyoung7 Maybe you could take another shot at refactoring it using Grid? Flex works good but for these layouts sometimes Grid brings the adequate tooling! Thank you for your good wishes friend, same to you.

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