Skip to content
Submitted 3 months ago

Four card responsive layout created with CSS Grid

Erick Felipa Pineda•160
@Efelipa
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?

The page's responsiveness with more than one styles, colors, font, etc.

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

An advance use of Grid was an issue, use properties like grid-area helps.

Community feedback

  • Francis Matias•70
    @DictionaryFrancisPosted 3 months ago

    Well Done Erick,

    Your solution is similar to the design, congrats!

    A tip about box-shadow that I like to use, opacity, for example 'box-shadow: 0px 4px 5px rgb(0 0 0 / 0.2);' This way the shadow get less attention.

    Marked as helpful
    0
    Erick Felipa Pineda•160
    @EfelipaPosted 3 months ago

    Thanks Francis, your comment is really helpful for comming projects.

    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