Submitted almost 3 years ago

HTML, CSS, FLEXBOX , MOBILE FIRST, GIT, BEM

accessibility, bem

JuniorFrontDev•30

@JuniorFrontDev

A solution to the Stats preview card component challenge

Preview Code

Solution retrospective

-Because I couldn't have control over the height of the background-image I decided to change it to the img tag in the html, thus achieving a better design on different devices -add the min-height so that content is not cut when it is smaller -I used the main, h1 , p tags instead of the div tag for better accessibility.

I await your comments and what could I improve more. =)

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on JuniorFrontDev's solution.

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