Profile Card | Frontend Mentor

Community feedback

• 

  Michal Janek•30

  @mikaeljanPosted about 1 year ago

  Regarding the stats for the card

  • stats-child do not need display flex
  • on stats set justify-content to space-between/space-evenly/space-around.

  Regarding the background images you have multiple images but you position only one.

  try merging your background-image with background-position: top left, bottom right;

  into

  background: url(first_image.jpg) right bottom no-repeat, url(first_image.jpg) left top repeat;

  And use % or pixels for more precise positioning.

  Marked as helpful

  1

  ---

  

  Ibrahim Suleiman•50

  @ebeeraheemPosted about 1 year ago

  @mikaeljan Woah thanks man!

  I knew about the space- property but didn't know where or when to use it. I'll be sure to check it out.

  You're awesome 💯👍

  0

  

  Michal Janek•30

  @mikaeljanPosted about 1 year ago

  @ebeeraheem I made a mistake in my comment.

  space-between/space-evenly/space-around are values for justify-content property not display. so you need to set justify-content with one of those values.

  0

  

  Ibrahim Suleiman•50

  @ebeeraheemPosted about 1 year ago

  @mikaeljan Sure thing man. Thanks.

  0
• 

  NaQu•570

  @NaQu2003Posted about 1 year ago

  Have you tried using pixels? I can see that you set up this top,right and bottom,left: but you can move those images with pixels or percantage

  0

  ---

  

  Ibrahim Suleiman•50

  @ebeeraheemPosted about 1 year ago

  @NaQu2003 Thank you. I honestly wasn't aware I could do that. I'll definitely check it out!

  0