Stats Card Component With Bootstrap 4

Solution retrospective
HI,
This was my first challenge. I completed it using Bootstrap 4. I know that I am not perfect yet, please review my code and suggest to me how to improve my coding standards and style. Much thanks!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Dharmik48
Good job with the first solution! Here are some things you can improve:
- at
1200px
breakpoint the left part of the card has more height than the right part(image one). - the card itself isn't centered use
display: grid;
and thenplace-items: center
to center it but make sure that the parent has100vh
height. - add
border-radius
to the card - In the design, in stats section, the numbers are of bigger font-size than the text but, yours seem opposite of it
It's not necessary, but I would suggest not to use Bootstrap for such projects, instead use vanilla CSS or maybe SCSS
Apart from these minor issues your solution seems really good, Keep it Up🤗👍
Marked as helpful - at
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