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

stats-preview-card-component using flexbox

Juveria Dalvi• 1,375

@Juveria-Dalvi

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


Can someone explain me how you guys manage to take the image at side using flex-box I tried doing that but I don't get it. Any suggestions are welcomed. Thank You!

Community feedback

@cornelisgijsbert

Posted

Hi, In this case, try flex-direction: row-reverse; For more help look at https://www.w3schools.com/default.asp There are good videos at youtube, e.g. traversy media. There's lot more information to find about html, css and js on the internet.

Marked as helpful

2

Juveria Dalvi• 1,375

@Juveria-Dalvi

Posted

@cornelisgijsbert sure thankyou.

0
darryncodes• 6,430

@darryncodes

Posted

Hi Juvera,

Your mobile design is excellent.

  • This is an excellent comprehensive guide: A Complete Guide to Flexbox
  • using display: flex; it's flex-direction default is row. With the right order to your mark up you'll manage to get the side by side column layout

Good luck with it

Marked as helpful

1

Juveria Dalvi• 1,375

@Juveria-Dalvi

Posted

@darryncodes hey ,Thank You.

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