Skip to content
Submitted almost 3 years ago

Responsive landing page using CSS Flexbox

Jeremiah Lateef•160
@jeremiahlateef
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

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
    @judithasitiolPosted almost 3 years ago

    Hi! Maybe you can try this :)

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

    Hope this helps !

    Marked as helpful
    3
    Jeremiah Lateef•160
    @jeremiahlateefPosted almost 3 years ago

    @judithasitiol It did. Thank you.

    0
  • Paweł Andrys•190
    @VeeltuPosted almost 3 years ago

    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
    @jeremiahlateefPosted almost 3 years ago

    @Veeltu It did. Thanks a lot.

    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