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

Grid and flexbox component

Ayoub1Dev 195

@Ayoub1dev

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


Ready for Feedback :)

Community feedback

@IEdiong

Posted

Nice one Ayoub,

  • Work on your
@media (min-width: 375px)
.container {
}

It kicks in too early.

  • Also, look into the accessibility issues raised in the report above.

I hope this was helpful, Cheers 🥂

Marked as helpful

1

Ayoub1Dev 195

@Ayoub1dev

Posted

@IEdiong Can you explain a little bit more what do you mean by it kicks too early. ''' else { thanks 😊 } '''

0

@IEdiong

Posted

@Ayoub1dev I meant that you should have your first break point at 375px. There isn't much breathing space for the card at 376px to about 900px.

  • Make your first media query above 1000px.
0

@guztrillo

Posted

Hey Ayoub, nice job. Check responsive design, doesn't work properly.

1

Ayoub1Dev 195

@Ayoub1dev

Posted

@guztrillo Thanks for your time, I will.

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