Used flexbox to make the layout

Community feedback

• 

  Mike Ekkel•25

  @MurkragePosted over 3 years ago

  I like that you've used CSS variables! Naming wise you could simplify things for yourself by renaming bg-pattern-card to profile-pic. They are both used on that element and it'll make more sense when reading the stylesheet. First you'll have .profile-pic, which has the background image, and then you'll have .profile-pic img which targets the actual image.

  .profile-pic {
      background-image: url("./images/bg-pattern-card.svg");
  }
  
  .profile-pic img {
      border: 6px solid white;
      border-radius: 50%;
      transform: translateY(50%);
  }
  

  0