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

preview card component styles with CSS inline-block

Emma 10

@emmajeanne

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

Alexandre 80

@alexandre-dev29

Posted

also on the mobile view, the border radius should be

  • on top(right and left ) for the first card
  • on bottom(right and left ) on the last card
0
Alexandre 80

@alexandre-dev29

Posted

Can you create the hover effect on the button? i suggest you.

  • first put border property on the button white the color white
  • then on hover, just set the background color of to button to transparent.

something like

.button{
   border: solid 20px transparent;
border-radius: 30px;
}
.button:hover{
  background-color: transparent;
 border: solid 20px white;
}
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