Skip to content
Submitted over 4 years ago

Four Card Feature Section using Flexbox

Ron Paolo Toyhacao•165
@rontoyhacao
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

this one really had me thinking of which one to use between flexbox and grid. i'm not really sure if the two methods are valid to use in this design. i wasn't able to make it close to the design as it wraps and not consistent but it's all i got. i would really appreciate any honest feedback and suggestion if there is a better approach for this challenge.

Code

Please log in to post a comment

Log in

Community feedback

  • Agata Liberska•4,075
    @AgataLiberska

    Hi Ron :) I think grid is best for this challenge. For the desktop version, you can set up 3 columns and 4 rows and then tell where you want each card to start and end or use grid template areas. Hope this helps!

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