Skip to content
Submitted over 3 years ago

Stats Preview Card using basic HTML & CSS

Michelle•150
@mcdulingm
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

Community feedback

  • Karthik suryadevara•825
    @karthik2265Posted over 3 years ago

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

    0
    Michelle•150
    @mcdulingmPosted over 3 years ago

    @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
    Karthik suryadevara•825
    @karthik2265Posted over 3 years ago

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

    1

Please log in to post a comment

Log in with GitHub

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