Skip to content
OverviewSolutions
1
Comments
2
Michal Janek
@mikaeljan

All comments

  • Michal Janek•30
    @mikaeljanPosted about 1 year ago

    Hey!

    Great job!

    Few things are missing but otherwise you are on a good track.

    • You are missing a box-shadow on the component.
    • Check the dimensions of the image and the container, yours is a bit larger than design
    • While it works in this case I am not sure the choice for grid display is the most appropriate choice. There is only one column and you are using flexbox in nested text container anyway. But this is only a minor nitpick.
    1
  • Ibrahim Suleiman•50
    @ebeeraheemSubmitted about 1 year ago

    HELP NEEDED

    • I'm having serious trouble setting the background position of the images in this challenge
    • Is there an easier or more efficient way to position the numbers in the stats, i.e the followers, likes, and photos?

    Profile Card | Frontend Mentor

    2
    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