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

Solved with Flexbox

@oliverids

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


Managed to fix some issues with the desktop layout, but it all seems to be working well now. Any suggestions are appreciated and welcomed!

Community feedback

Anna Leigh 5,135

@brasspetals

Posted

Hi, oliverids! 👋

Add align-self: stretch to your overlay div, and you should be good. 👍 Also adding an alt attribute to your img tag will clear up the errors in your report. You can even leave it blank (ex: alt="").

1

@oliverids

Posted

Oh my god, thank you so much! My mistake was using align-content instead of align-self, i think. It worked immediately, thanks!

0
Raelinda 160

@Raelinda

Posted

I had the same issue. I found this short youtube video helpful:

https://www.youtube.com/watch?v=VF5kD6QEEag

0

@oliverids

Posted

Oh thank you! This video was a really good reference!

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