Skip to content
Submitted about 2 years ago

Stats Preview Card Component built with HTML, CSS and Flexbox

Hayley•260
@HaylzRandom
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

Second try at this challenge. Looks very similar to the Figma files so pretty happy with that! Would like to attempt it in future with use of TailwindCSS when learnt more about it (and understand it!)

Community feedback

  • Mohd Gulam Ansari•210
    @gulamansari57181Posted about 2 years ago

    Hello Hayley !!!!!!!!!

    Hope you doing well. I have gone through your project link, And found that its lacking in terms of margin and also border radius is not applied to left-side corner.

    Tips:

    1. To make border radius on all corner of container you can use

    .container { border-radius:20px; //To apply the property on all the side }

    1. To make margin from all the side

    .container{ margin:2em: }

    Hope this will help. Happy Coding !!!!!!!!

    0

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