Skip to content
Submitted about 2 years ago

Profile card compinent using HTML/CSS

Bryan•130
@MamieNorris
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

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,400
    @correlucasPosted about 2 years ago

    👾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
    @MamieNorrisPosted about 2 years ago

    @correlucas Thanks Lucas for the tip :D

    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