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

Taruna 305

@Tiyana19

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 is my third project on frontendmentor.io. please let me know which part should I need to improve, also please check my button style over hover and tell me which part I need to change because my text color was not changing so I used vendor prefixes. but I am not comfortable with it, seems like I made some mistake here.

Community feedback

CyrusKabir 1,885

@CyrusKabir

Posted

hello my dear friend ♥ you did good and clean at all but here some advice :

  • actually yes you have a problem which we call specify in css i can tell it here but if you go and search about it you find out what problem is and it's soo good to learn it yourself but here tip : go and search about "css specifity" ( sorry if my english is bad)
  • and another problem is you add border to buttons in hover state which is made change the height of card in hover state some moment and you can solve this by adding borders default with white color just this don't added in hover state

Marked as helpful

1

Taruna 305

@Tiyana19

Posted

@CyrusKabir Thank you so much for telling about CSS specificity, I did learn those things a few weeks ago but this slipped out of my head. And about the button problem, actually, I didn't notice that problem but I fixed this just like you said.

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