Skip to content
Submitted almost 4 years ago

Responsive Card with CSS Grid and Flexbox

James Greilick•50
@jgreilick
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Completed my second 'Newbie' challenge.
Any comments on CSS organization or best practices that might help are welcome! Please feel free to point out any other issues found. Thanks!

Code

Please log in to post a comment

Log in

Community feedback

  • Smita•375
    @Smita-14

    Hey James! Your submission is excellent! It is almost similar to the design. I just want to say this that you don't have to generate more colors as all the design specs are already mentioned in the style guide. Matching the color of the image seems tricky and for that you can take a look at mix-blend-mode and background-blend-mode. Both can be useful in matching the color of the image. Keep it up!

    Marked as helpful

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