Skip to content
OverviewSolutions
25
Comments
3
Teddy
@tedaussie75

All comments

  • Teddy•310
    @tedaussie75Posted about 2 months ago

    Thank you for your comment !

    I checked many times and I can't reproduce the error, can you please describe to me how you proceed to make it happened ?

    0
  • Teddy•310
    @tedaussie75Posted over 2 years ago

    @KareeMagdyy No worries ! I went through the same issue ahah

    The main issue was the image container, it was a little bit bigger than the image.

    By switching the images display to block, the image and its container have the same size.

    And the border radius need to be applied to both the image and the container to make it look Nice !

    I'm glad that it works for you too ;)

    0
  • Teddy•310
    @tedaussie75Posted over 2 years ago

    Great Job ! It looks very nice ! If you want to fix the glitch on the card hover you can add these changes bellow to your code :

    • .img-container { border-radius: 1rem; }

    • .card-img { display: block; }

    • .view-hover { height: 100%; }

    Comment : /* .view-hover => height: 99% is not working it is making an issue here */

    Hope it would help you !

    Marked as helpful
    1