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

Profile Card With Flex Box

Julia• 110

@partum

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@analuzcervantes

Posted

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

@partum

Posted

@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
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