I’m completely stuck with website as I have no idea why my website isn’t acting responsive. I understand the concept of width being 100% and height being auto, but my div block with my background info is totally going berserk! It randomly cuts off on some mobile devices, but shows up normally on others. On Retina display, the top/bottom padding doubles, and I’m just totally confused as to what I’m doing wrong… The positioning also changes depending on device.
I tried using Flexbox to see if that fixed anything, and it somewhat did; however, I’m totally being a perfectionist and want to know what best practices I’m not using that are causing all these issues! This is for my portfolio, so I want to make sure it’s perfect.
Could someone please take a look at my Read-Only link, and take a look at the About Me section? I’ve been spending 2 days trying to figure this out.
I’m also not sure how to change the size of my div block without cutting out some of the children.
Thank you for your help !
Here is my site Read-Only: https://preview.webflow.com/preview/nathaliediane?preview=a4687115b7aee0bdc9d2f6338619ffb9