profile-card-component

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 2 years ago

  Hi, Thabiso! 👋

  Good job on this challenge! 👏 Your solution looks good and so does your markup! 👍

  Adding/positioning the background images in this challenge can be tricky! A good way to add them is by using CSS background images. You can play around with using viewport units and/or percentages in the background-position property to position the shapes so that they don't move around so much as the screen resizes (as I tried to do in my solution which you can check out if you'd like any ideas 😆).

  If you'd to learn more about CSS background images and how you can use them, check out this article from MDN to help you get started. 😉

  And one thing I'd like to suggest is using the ul and li tags for the list of stats in the bottom of the card to make your HTML a little more semantic.

  Hope you find these tips helpful. 😊

  Keep coding (and happy coding, too)! 😁

  Marked as helpful

  0

  ---

  

  Thabiso•270

  @SefalaThabisoPosted almost 2 years ago

  @ApplePieGiraffe Thank you this was very useful :)

  And i didn't know we are allowed to add animations to the solution, your solution looks amazing

  I will make sure to look at the article

  1