Skip to content
Submitted over 1 year ago

Four Card Solution

Giulia•210
@GiuliaT97
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

Do you have any recommendations for a cleaner code? In order to set the size of the card I used width:25rem. Was there a better way to do this? Should I've used a different unit of measurement?

Community feedback

  • Shivangam Soni•1,030
    @ShivangamSoniPosted over 1 year ago

    Using width: 25rem is ok but doing so doesn't scale well, basically you might have to readjust the size again & again using media queries.

    Like your solution, have a minor overflow on smaller screens.

    I recommend looking into these CSS functions:

    1. min()
    2. clamp()
    Marked as helpful
    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