Download Webflow Desktop App !EXCLUSIVE!
Carmen Hoogland
I am trying to figure out how to make the desktop and mobile more cohesive. Whenever I go to the website on the phone everything is pushed to one side and everything is off. I have been adding stuff after the initial website was built but havent been messing with padding, borders, etc.
For every element, in different views you can change size, padding, margins, styles etc and it will be saved by Webflow. It using cascading styles system. In short words: all changes made on desktop view effect tablets+mobile, then you make changes on tablet view and it effect mobile, but NOT effect desktop, then you go to mobile view and make changes (if it is needed) and it is NOT effect tablet and desktop. More you can learn from Webflow tutorial course
I think this video will be helpful too. It is video how to build a website in Webflow from scratch ALL THE WAY THROUGH: =APiSNBkyD5Y
About Brands Photo:
I would make 2 square images instead of 1 wide. Size about 500x500 px every. Then put them inside the row with 2 equal columns and style their width= 100%, height=auto. In this way images will be responsive to any desktop size. And on Tablet and Phone views they will stand one on another and will not cause overlap.
This is a very important step to make sure everything is working smoothly and is accessible for everyone. To do that you need to double-check if you completed all the steps from SEO setup, all buttons and links, and unique and meaningful, page speed index is 90 or over on both desktop and mobile.
Both Webflow and Editor X have built-in responsive design features, which means that the websites created with these tools will automatically adjust to look good on any device, including phones, tablets, and desktop computers.
df19127ead