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

Stats Preview Card using basic HTML & CSS

Michelle 150

@mcdulingm

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I welcome any advice on structure, naming conventions and more.

Community feedback

@karthik2265

Posted

hey Michelle, how did u achieve the border radius on the image, also, why are u using so many ! important tags

0

Michelle 150

@mcdulingm

Posted

@karthik2265 I added a border radius for the background card and placed a div inside containing the image. So I guess it just following the style from the outside div.

And the !important tag is a very bad habit I've picked up. I sometimes add it to rule out other styling when making changes and then forget to remove them afterwards.

0

@karthik2265

Posted

@mcdulingm nice job 👍🏻 Avoid the ! important tag as much as you can.

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