Skip to content
Submitted over 1 year ago

♟Profile Card♟

𝕍𝕝𝕒𝕕𝕪𝕤𝕝𝕒𝕧 𝕄𝕚𝕤𝕙𝕔𝕙𝕦𝕜•300
@VladMishchuk
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

Привіт, I have two problems (maybe more💜).

  1. User avatar. I am sure that I placed it incorrectly (zoom).

  2. Background patterns. I didn't place them very well either.

Дякую за допомогу💜

Community feedback

  • visualdennis•8,375
    @visualdennissPosted over 1 year ago

    Hey Vlad,

    final result looks good 💜 it needs few tweaks: Firstly, you need to make your main container as position: relative, so that your absolutely positioned element is relative to that instead of body. Because there is no need to make that little avatar image behave like a direct children of the whole page. After that simply tweak the top value from 36% to 25% and you are good to go :)

    For bg patterns, i recommend checking out my solution here

    Hope you find this feedback helpful!

    Marked as helpful
    1
    𝕍𝕝𝕒𝕕𝕪𝕤𝕝𝕒𝕧 𝕄𝕚𝕤𝕙𝕔𝕙𝕦𝕜•300
    @VladMishchukPosted over 1 year ago

    @visualdenniss Thanks for your feedback and help

    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