I’m working on our product pages and stumped as to why I’m having this problem
I’ll attach images and a view link but basically, on my iMac desktop (21") all breakpoints look great and optimized how they should be. However, when switching to a smaller view such as my Macbook Pro (13"), everything looks jumbled together even though they are the same exact breakpoints with the same pixel size.
The first two images are screenshots from my iMac and the second are from my laptop.
I’d appreciate any help. Thanks a lot in advance!
Another problem I’m having, which could be related is that on my Macbook, the product image displays higher than the text on the right, but vise-versa on my larger screen (iMac screen). So my question would be how do I make it equal height regardless of desktop screen size so it remains consistent across the board?
Site Link: https://preview.webflow.com/preview/project-x-656339?utm_medium=preview_link&utm_source=designer&utm_content=project-x-656339&preview=ba896378bc174c2f844e58042e722287&pageId=5de624494a5986678762c64e&itemId=5de86c3fa529ab68c8c87da4&mode=preview