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

3-column preview card component - HTML CSS - utilizing nth child

@rvcequina

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

Solution retrospective


this challenge was fun. it helped my utilize the nth child selector of css and understand more about media query!

Community feedback

Benja.min 740

@BenjaDotMin

Posted

First of all, great work! But one small tip about the button hover state. Set your button border to 2px white (remove the hovered border), then in your hover state, just set the background of the button to transparent... that way the button will not jump slightly when hovered, as the border never changes :)

Hope that's helpful!

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