Skip to content
Submitted almost 4 years ago

4-card section [v.2]

Konstantinos Rantos•35
@RantosKonstantinos
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

  1. How can I colorize the cards in one dimension?
  2. Media queries are a bit problematic

Version 2 :

  1. Updated media queries (responsive design)
  2. Implemented shadow-box (box's design)

Community feedback

  • Konstantinos Rantos•35
    @RantosKonstantinosPosted almost 4 years ago

    Preview site for version 2. Thanks!

    1
    Pharmack•320
    @Pharm-ackPosted almost 4 years ago

    @RantosKonstantinos You welcome. It looks more better now. But the box still bled with the background

    1
  • Pharmack•320
    @Pharm-ackPosted almost 4 years ago

    You can use box-shadow for the colorize in one dimension and try this value for the Media queries @media screen and (min-width: 375px) and (max-width: 999px) I hope that helps

    1
    Konstantinos Rantos•35
    @RantosKonstantinosPosted almost 4 years ago

    @Pharm-ack Thanks a lot. I pushed v.2 if you'd like to review it.

    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