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

Responsive landing page using CSS Flexbox

#sass/scss#itcss
Jeremiah Lateef• 160

@jeremiahlateef

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


I'm having difficulties switching the image to the right side in the desktop view using flexbox. Any help will be appreciated. Thank you.

Community feedback

judith• 130

@judithasitiol

Posted

Hi! Maybe you can try this :)

.container{ display: flex; flex-direction: row-reverse; }

Hope this helps !

Marked as helpful

3

Jeremiah Lateef• 160

@jeremiahlateef

Posted

@judithasitiol It did. Thank you.

0
Paweł Andrys• 190

@Veeltu

Posted

yep, there is "flex-direction:row-revers" or try "order=1, order=2", or you can go "position:relative/position:absolute"

Marked as helpful

1

Jeremiah Lateef• 160

@jeremiahlateef

Posted

@Veeltu It did. Thanks a lot.

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