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 Component built with HTML, CSS and Flexbox

P
Hayley 260

@HaylzRandom

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


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

@gulamansari57181

Posted

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
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