Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Four Card Feature Component

@crwainstock

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Enjoy!

Community feedback

retr0web 250

@retr0web

Posted

great work. tip: if you set border-top size exactly as border-radius size, you can get round corners while having straight line underneath. example: .card-container { border-radius: 4px; }

#supervisor { border-top: 4px solid hsl(180, 62%, 55%); }

1

@crwainstock

Posted

Ooo! Thanks so much! I think this would help with some of the challenges I had getting the placement of the cards just right. I appreciate it! @retr0web

1

Please log in to post a comment

Log in with GitHub
Discord logo

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