Teddy• 290
@tedaussie75
Submitted
Teddy
@tedaussie75
All comments
- Teddy• 290
@tedaussie75
Posted
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 - Kareem El-Zomor• 160
@KareeMagdyy
Submitted
Teddy• 290@tedaussie75
Posted
@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 - Kareem El-Zomor• 160
@KareeMagdyy
Submitted
Teddy• 290@tedaussie75
Posted
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 -
