Profile card component using HTML and CSS

Community feedback

• 

  Byron•2,290

  @byronbyronPosted about 3 years ago

  Yeah sure!

  The first two values -320px -290px means 'Starting from the top left, position the first background image 320px to the left and 290px upwards.', essentially positioning the circle off canvas in the top left corner.

  Then it's pretty much the same but in reverse for the second background image, bottom -240px right -300px is 'From the bottom, position the background image down by 240px and from the right position it 300px to the right', pushing the second background image off canvas in the bottom right corner.

  You can play around with some examples on the MDN Web Docs site to get a better feel for how it works

  Hope that helps!

  1
• 

  Hala•200

  @halamhPosted about 3 years ago

  It definitely helps! I'll try it out, thank you so much!

  0
• 

  Hala•200

  @halamhPosted about 3 years ago

  Hello! Great job for this challenge! Can you please explain this part of your code:

  background-position:-320px -290px,bottom -240px right -300px

  I understand there were 2 background images in the background but I don't know what each value represents.

  Thanks!

  0