Skip to content
Submitted almost 4 years ago

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

Ryan Vincent Cequina•25
@rvcequina
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Code

Please log in to post a comment

Log in

Community feedback

  • Benja.min•740
    @BenjaDotMin

    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!

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