Streaming live at 10am (PST)

Mobile design formatting


#1

Hi All,

I’m going a bit nuts because I was designing my desktop as well as tablet, then landscape views. But when I get to mobile the entire proportions of my design go beserk. I can’t seem to figure out why everything is displayed this way. Any clue from a peek?


http://cbdportal.webflow.io/
Here is my site Read-Only: https://preview.webflow.com/preview/cbdportal?utm_source=cbdportal&preview=fee17cb08b7fce71c7e136f956a73ff6

(how to share your site Read-Only link)


#2

I had a quick look and there are lots of things going on there but I would steer clear of using pre-built Webflow components like columns and containers and use divs with display flex to position your content. It takes a bit of learning but well worth the effort. Also CSS Grid in webflow is literally just around the corner it might be worth waiting and re-building, using that as a framework?

Sorry I wasn’t very helpful. :frowning: