All comments

• 

  Syed Ali Mansoor•460

  @syedalimansoorSubmitted over 3 years ago

  Hey!

  How did you guys tackle the problem of moving the profile image up and making it overlap with the background pattern? I used transform: translateY() but it seems very finicky.

  Is there any better solution, using perhaps different markup, or maybe a better CSS layout?

  

  Profile card component using HTML and CSS

  3

  10
  

  MrDanilka•45

  @MrDaniel-gitPosted over 3 years ago

  Hello! That's a good work! For your question, you can check on my page how I did it too. To explain a little: what I decided to do is to use the background pattern like a background-image on my card div directly in the CSS stylesheet, then I was able to use a classic positive margin-top on the profile picture

  1