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 using ReactJS, CSS, and HTML

Ravikiran 170

@ravikiran-fullstack

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


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

Posted

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

Posted

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