Skip to content
Submitted almost 4 years ago

Responsive 4 Card Feature section with React, EmotionJS & TypeScript

Carlos Loureda•150
@carlosloureda
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

I had 2 problems:

  • Not proper adding the top border inside the both, it is not like the one on the design, I tried to use box-shadow also without success.

  • I tried to use GridCSS (ugly solution but wanted to give it a shot and learn by doing) and the middle column is streched more that the left/right columns for the cards on desktop.

Of course any other tips and suggestions will be welcome

Community feedback

  • Arsh Karpoor•940
    @ArshKarpoorPosted almost 4 years ago

    Could make it little bigger

    1
  • Arsh Karpoor•940
    @ArshKarpoorPosted almost 4 years ago

    The box-shadow is already applied

    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