Profile card component

Community feedback

• 

  Chris-Ann C.•300

  @cdc2021Posted almost 4 years ago

  Hi Alejandro,

  I would remove the background img from the HTML file and style in CSS using background-image: url(./); remove repeat - background-repeat: no repeat In order to position the images use tranform: tranlate (%, %) This should solve your background image issues and so make styling of the container easier.

  Hope this is useful. Chris-Ann

  1
• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 4 years ago

  Hello, Alejandro! 👋

  Congratulations on completing your first Frontend Mentor challenge! 🎉 Nice effort on this challenge! 👏

  I suggest adding the background images using CSS background images and positioning them using viewport units (since that'll make sure they remain in their place when the screen is resized). It'll also keep your markup cleaner and I think it makes a bit more sense to add the background images that way (since they are purely decorative). This article on CSS background-images might help you get started. 😉

  Keep coding (and happy coding, too)! 😁

  0