Design comparison
Solution retrospective
Hello everyone!! I'm having a problem that I'm not sure how to fix. This also happened to me on a challenged I did before. The problem is that the overlay I'm putting on top of the image is a little bit bigger than the image. Right now it has a width and a height of "100%" and thought that would make the trick but it didn't if any of you has any Ideas on how to fix that I would really appreciate it.
Thank you very much! : )
Community feedback
- @karishma-devPosted almost 3 years ago
Hi @Lfrancos,
Did you fix the issue of the size of the overlay on the image? Because I saw that everything works fine.
Your solution is good and responsive. Congratulations! :)
0@LfrancosPosted almost 3 years ago@Krrish105 Hi Karishma! I''m glad that you like the solution, thank you so much! : ) No, I'm still having that problem. If you zoom your website to 250% you will be able to see the problem that I'm mentioning : ( I know it is a small but wanted to see if it could be fixed : )
0@karishma-devPosted almost 3 years agoYes, I saw it now. There is only a small difference in the height of the overlay and image. (Btw, it's happening in all the widths).
Setting the img height to 100% only solves this problem in the desktop layout. But I don't why this doesn't work in mobile layout. :(
I am trying to find a solution for the overall layout. Hope we can find the solution!.
0
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord