Profile Card Component using Github

Community feedback

• 

  Elizabeth•460

  @gelizabeth

  Posted over 4 years ago

  Hi! If your question is about card background - create div with height and width you need and set background: url("path to your svg"). You can set it's border-radius so there will be no need to change your svg. Happy coding! :)

  12
• 

  Helder Balbino•45

  @HelderBalbino

  Posted over 4 years ago

  Hello Collins

  Answering your questions, you can make an SVG as a background img using the normal css property: background-image: url(images/bg-pattern-bottom.svg),

  I've tried doing that using the imgs as background-image, but It was too hard for me to get the desired design, so I found that it's better to put the images on the html and use them inside a div with position: absolute , and the set a parent div with position: relative

  my solution to the problem;

  section .background { height: 100%; width: 100%; overflow: hidden; position: relative; }

  .background div:nth-of-type(1) { position: absolute; top: -425px; left: -350px; }

  .background div:nth-of-type(2) { position: absolute; bottom: -550px; right: -300px; }

  Hope my explanation helps you! feel free to ask for help anytime :)

  12