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

First challenge only with HTML and CSS.

@Polariz626

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


hello, I am Braian. I'm just beginner but I'm trying my best to comprehend how to create responsive websites with media queries. for this first challenge I committed some mistakes trying to make the cellphone version of the page. I just couldn't put that image in the upper side of the main container. if someone could give some advice, I would really appreciate it.

Community feedback

P
Patrick 14,325

@palgramming

Posted

if you change your flex direction to flex-direction: column-reverse; that will put the image at the top in the mobile view

Marked as helpful

0

@Polariz626

Posted

@palgramming thanks for the reply. flex-direction: column-reverse; worked perfectly. Now I have some other minor problems with the responsive part, but I will get to them eventually. thanks again.

1

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