Skip to content
Submitted about 1 month ago

Responsive Four card using clamp and css grid

P
João Víctor de Araujo Lima•350
@xuaun
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'm really glad I wrote this code using grid-template-areas and clamp() for responsiveness.

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

It took me a while to understand how I would make the border-top like in the original design and the clamp() values using rem.

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

If you have any tips on how to improve my code, or the responsiveness, I will be very happy!

Community feedback

  • Ardian Wicaksono•70
    @ArdianwiPosted about 1 month ago

    nice....what your framework use?

    1
    P
    João Víctor de Araujo Lima•350
    @xuaunPosted about 1 month ago

    Hey Ardian,

    Thanks for the comment!

    I still don't know much about frameworks, so I don't think I used any in this code lol

    But I'm advancing in my studies, so I think I'll soon have more contact with frameworks... Maybe haha

    0
  • Erick-Caua•200
    @Erick-CauaPosted about 1 month ago

    nice

    1

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