@Zy8712
Posted
Your site looks pretty good. I tested your site with inspect and reduced the height of the browser and saw that it does get cut off. To address the issues with a part of the card being cut out, you need to change your justify-content: center
to justify-content: flex-start
inside a media query.
Though, when I tested using inspect and selected various mobile devices it doesn't get cut off. If you don't mind me asking what device did you use to test your website.
P.S. Apologies if any of my solutions have issues in them. Some of them are pretty outdated as they were made when I was still learning some basic concepts. If I have some time, I'll try to update some of my solutions
Marked as helpful
@YeniUvwo
Posted
First off let me say, THANK YOU SO MUCH for taking time out to look through my code and profer a solution. The device is an iphone 12pro max @Zy8712
@YeniUvwo
Posted
Exactly, it does not get cut off when i test using inspect as I was hoping i would be able to fix that during inspect but i couldn't because the problem wasn't coming up there as it did on my mobile phone.
Also, is there an alternative now for the vw and vh background image positioning? I noticed that when i wasn't using that to position my background images, my top image didn't get cut off. @Zy8712