Skip to content
Submitted about 3 years ago

stats-preview-card-component using flexbox

Juveria Dalvi•1,375
@Juveria-Dalvi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

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

  • Kees den Hollander•140
    @cornelisgijsbertPosted about 3 years ago

    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-DalviPosted about 3 years ago

    @cornelisgijsbert sure thankyou.

    0
  • darryncodes•6,370
    @darryncodesPosted about 3 years ago

    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-DalviPosted about 3 years ago

    @darryncodes hey ,Thank You.

    0

Please log in to post a comment

Log in with GitHub

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