Skip to content
Submitted over 3 years ago

stats preview card component using ReactJS, CSS, and HTML

Ravikiran•170
@ravikiran-fullstack
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

Please review my code and let me know If I have to improve anywhere, I am deliberately avoiding to use Bootstrap or any CSS framework as they make aligning the layout much easier and it's a bit of challenge to do it without any such frameworks

Community feedback

  • itzcoder•0
    @itzcoderPosted over 3 years ago

    Very good work particularly with the responsiveness of the design i couldn't even get mine to look good on iPad but you did. only one correction i noticed the overlay of purple on the header image could have been better, maybe using an overlay div then using an alpha in the colour to set transparency. hope that helped from a fellow beginner.

    0
    Ravikiran•170
    @ravikiran-fullstackPosted over 3 years ago

    Hello, Thank you for your suggestion, I will try the technique you suggested to set the overlay next time, I am not so great with the front end part especially with styling.

    You can use the flex to make the design more responsive, feel free to check my github code https://github.com/ravikiran-fullstack/stats-preview-card-component-main-react/blob/master/src/index.css

    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