Streaming live at 10am (PST)

Help needed with making mobile friendly

Hi everyone,

I recently started learning webflow and have just made a home page. Here is the link for it, https://preview.webflow.com/preview/palomadesign?utm_medium=preview_link&utm_source=designer&utm_content=palomadesign&preview=a05c914ffce852455213ace3166ac6d4&mode=preview

It looks alright on the laptop but I am unsure how I can make it look okay on mobile as well. I have watched several videos online and looked at past posts about this and I tried to implement some of it but things get wonky pretty quickly and I did not want to mess anything up.

So if anyone has any examples on how I can make my home page and other pages mobile friendly, please let me know. If there is a certain rule like applying a certain width to divs, etc. Anything I can begin with would be a good place for me.

Thank you in advance,
Paloma


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

I would recommend completing most of the website and then starting to work your way down with the breaking points (smaller screens) and adjusting the sizes and layouts.
it will save you a lot of headache .
your hero section for example needs a smaller font the smaller the screen gets.
the 2nd sections look just fine (seems like its set to 100vh)