CSS HTML profile card component non-responsive

Community feedback

• 

  Muhammad Umar Hashmi•150

  @M-UmarHashmi

  Posted over 2 years ago

  Hello! You can make the background similiar using: background-image: url(), url(); image-repeat: no-repeat, no-repeat; background-position: ----------- , --------------; and some other properties. You can learn more about it here https://www.w3schools.com/cssref/pr_background-image.php I hope it will be helpful. Happy Coding!

  02

  Marked as helpful
• 

  P

  visualdennis•8,375

  @visualdenniss

  Posted over 2 years ago

  Hey Julia,

  your solution looks great overall! Also great that u figured it out how to display background images. If you want to tweak their position even further, (cuz atm they collapse on each other when resizing browser) you can use a background-position value like so:

  background-position: right 52vw bottom 35vh, left 48vw top 52vh;

  vw means viewport width and vh is viewport height. Adjust the numbers are you see fit, but this should be working well enough.

  Hope you find this feedback helpful!

  00