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

CSS, HTML, Display flex, media queries

@CriszMendoza

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@HenriqueDummer

Posted

Hello Cristian, nice work :)

I noticed that each of you card has a "border-radius" property, but if you take a look in the design it should be an overall "border-radius".

So instead of apply the "border-radius" in all of your cards you could do something like this in your CSS:

.card-1 { border-top-left-radius : 8px; border-bottom-left-radius : 8px; }

.card-3 { border-top-right-radius : 8px; border-bottom-right-radius : 8px; }

Then your "border-radius" will be aplied only in the edges

Hope it helps you :D

0

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