Skip to content
Submitted over 3 years ago

Profile Card With Flex Box

Julia•110
@partum
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Should I have used media queries to make the background images move correctly when in mobile view or is there some other way to position background images?

Community feedback

  • Ana Luz Cervantes•1,705
    @analuzcervantesPosted over 3 years ago

    Hi! 🖖

    For the question of the background, you don't need media queries, just modify the background-position for this ʼright 50vw bottom 50vh, left 50vw top 50vhʼ

    Here you will find more information about vw and vh measurements

    And lastly, just a little tip. Instead of using codepen.io you can use:

    • [Vercel] (https://vercel.com/)
    • [Netlify] (https://netlify.com)

    Be well, keep coding! 💻👾

    3
    Julia•110
    @partumPosted over 3 years ago

    @analuzcervantes Oh that makes sense. I always forget about vw/vh. Thanks for the tip!

    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