Skip to content
Submitted over 3 years ago

Profile Card Component

Pierre Clouté-Cazalaa•65
@Kazalaa
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,

I'm here to improve my skills, if you find problem in my code or if you have advices, I will be glad to hear feedbacks.

Have a nice day,

Kazalaa

Community feedback

  • manik•70
    @manik999Posted over 3 years ago

    You can use min-height: 100vh in your container and then align-items: center to align the card properly in the center of the page. And remove the margin-top in the container.

    1
    Pierre Clouté-Cazalaa•65
    @KazalaaPosted over 3 years ago

    Thank you, I tried a lot of possibilities but I never managed to do what I wanted. I will try with your advice :)

    0
  • Eduardo Olmedo•130
    @EduardoDevOlmedoPosted over 3 years ago

    Hi. Everything seems ok, but when you use a 320px viewport, the component is not centered, Try to center it with grid and place content:)

    1
    Pierre Clouté-Cazalaa•65
    @KazalaaPosted over 3 years ago

    Thank you, I will check this and try to improve it, you are right !

    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