Profile Card Component using CSS and HTML

Community feedback

• 

  Fidel Lim•2,775

  @fidellimPosted about 3 years ago

  Hello,

  You can add something like this:

  body {
      background: url(../images/bg-pattern-top.svg), url(../images/bg-pattern-bottom.svg) hsl(185, 75%, 39%);
      background-repeat: no-repeat;
      background-position: right calc(47vw + 15%) bottom calc(65vh - 15vw), left calc(40vw + 25%) top calc(72vh - 10vw);
  }
  

  To mimic the design, you can add the image twice on the background property. Then twice on background-position as well. You can just adjust the positioning depending on what you prefer. I hope it helps :)

  1

  ---

  

  KingOfTheFlies•110

  @ezraakankwasaPosted about 3 years ago

  @fidellim Thanks I'm definitely trying it out.

  1