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 compinent using HTML/CSS

Bryan 130

@MamieNorris

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


Hello guys,

First project of the day, it went pretty smoothly ! I just have two issues that I can't figure out:

  1. My background images scale weirdly on mobile setup.. They are all over the place. Any chance I can set their positions to be fixed but their size to scale with the screen size ?

  2. When I open the app on my phone the whole thing is too small and I would like it to keep a min-size. I tried to set up a min-height and min-width in my main container but it doesn't seem to do the trick.. Any solution ?

Thanks for reading ! Have a good one :)

Community feedback

Lucas 👾 104,420

@correlucas

Posted

👾Hello @MamieNorris, congratulations for your new solution!

Answering your question:

You can try background-attachment: fixed; to improve the background behavior or set a media query to have the circles ever centered.

👾My rating for this solution: ⭐⭐⭐⭐⭐

👋 I hope this helps you and happy coding!

1

Bryan 130

@MamieNorris

Posted

@correlucas Thanks Lucas for the tip :D

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