Website not 'self adapting' to mobile/tablet/landscape sizing

Hi guys,
I have been using Webflow to design my own website but been having some problems with it adapting to mobile, tablet and landscape. I would view it on those different mediums and the everything I designed would be totally distorted. Now, yesterday I read in another post that you have to design the website individually in each of those viewports. And so I did that.

Then this morning I actually opened up the link on my phone and certain parts of the website were again distorted when I’d just designed them the night before and everything looked good in preview mode. Is there anything that I should be doing extra to get rid of this problem. Because it’s getting annoying having to make these changes all the time.
Thanks.

This is the read-only link: https://preview.webflow.com/preview/studio-plaja-final?utm_medium=preview_link&utm_source=designer&utm_content=studio-plaja-final&preview=9f5a5ecc3560a6b34df0c58d130e948e&mode=preview