Skip to content
Submitted about 1 year ago

4 card layout with css flex-grid

Daniel999l•100
@Daniel999l
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Just by seeing the screenshot, I was able to deduce how I was going to write the CSS code. especially the "flex direction: column;" for the middle layout with two different card.

What challenges did you encounter, and how did you overcome them?

I had a very stupid problem that took me a while to get. in my media query instead of "(min-width: 1024px)", I wrote "(min-width: 1024)". It took me a while to get it but I was able to solve it and I finished the project soon after

What specific areas of your project would you like help with?

I'm good for now.

Code

Please log in to post a comment

Log in

Community feedback

  • shalri•620
    @shalri

    You may have submitted the dev branch... looking forward to seeing the finished challenge.

  • P
    RadaidehDaniel•430
    @RadaidehDaniel

    Thanks, Daniel, for sharing your design with us.

    I want to mention one recommendation, which is using semantic HTML. You use <div> only in your HTML structure.

    You can learn more about semantic HTML by reading this article.

    I 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