Skip to content
Submitted 10 months ago

Four card section using Grid in CSS

Chard Largodizimo•270
@chardlargodizimo
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 used Grid as my main layout in making this project.

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

Getting started with grid as it was different from flexbox I have a hard time making this one.

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

Know more about Grid layouts and techniques on how to use them in web dev.

Community feedback

  • Bryan Li•3,530
    @Zy8712Posted 10 months ago

    If you want to get the exact measurements of everything in the design you'd need to refer to the figma file for the design. But only pro members get that so (unless you're willing to pay) my suggestion would be to glance through the solutions section for this challenge and find some solutions from pro members who most likely followed the original design and used the proper sizes.

    Hope this helps 👍

    Marked as helpful
    0
    Chard Largodizimo•270
    @chardlargodizimoPosted 10 months ago

    Thank you so much for this.

    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