Streaming live at 10am (PST)

Design on Breakpoints


#1

I look at Customizing your design on Breakpoints https://university.webflow.com/article/intro-to-breakpoints

and not understand why elements on mobile not do the website to smaller screens if I do size and configure in mobile settings

https://preview.webflow.com/preview/animeshkas-beautiful-project?preview=96771649150f38f94b16caf1c000fa5c

so I cant do website for all devices in webflow?
if i do for 3 different sizes of mobile different design and sizes of elements how i can save changes for each other if it have only one layot for all mobile


#2

Your problem is that you’re using absolute sizing for your elements, for example, your slider has a width of 768px instead of something like 100vw. You’re also using margins to position your items instead of things like Flexbox.

You still need an understanding of responsive design to work with Webflow, and they do a pretty good job at teaching you literally everything you need to know in their ultimate web design course which will take about 5-6 hours to complete: https://www.youtube.com/watch?v=O5TdnuUhIgs&list=PLPmnoMVpkxfgvx6K9WCv-zlbIksh7yJd-

Also, using images for all of your content is a terrible idea. Your website will load slowly depending on the image sizes. You’re using PNG instead of JPG which is almost unacceptable unless you need the transparency or absolute quality for some reason. (Photography website, modelling, etc).

Everything other than your backgrounds can be created with some styling and text, which can then be read by good and they can then show your website to others.

I started with Webflow 2 days ago, and this is what I have so far;

https://preview.webflow.com/preview/alvin-auto-detailing?preview=3acfe90970c1eeb9fe75119a88a1421c

It works perfectly on all devices.

I do not have a web-development background either.

You can also check out the vehicles page, which uses the CMS system to dynamically get data about a vehicle I’ve entered.


#3

i dont understand where to rule this parametr


#4

and what do you mean here


#5

Dynamic data: https://university.webflow.com/article/intro-to-webflow-cms - the Webflow CMS allows you to create a database of information, which you can dynamically link to/pull information from and present it in your site.

VW / VH / % / px : can all be entered in margin, padding or width or height here:

I agree with @CTucker1327 - learn about flexbox which is great for dealing with things on different breakpoints, also follow some full site tutorials, there is a learning curve, but it is worth it. To solve your problems you may need to rebuild your site - but do so with some of this new found knowledge.

Also, why not start with a free template, and change around the settings to see how they were built, or if you find a template or showcased site https://webflow.com/discover/popular#recent that you like, view the preview link to see how it was made. Search the university.webflow.com and also the forum search, and you will often find similar issues solved/explained.

:slightly_smiling_face:


#6

Once again, I highly recommend the playlist I’ve given you as it will explain everything. I’ve sent that to two of my friends and within a week they’ve both made professional looking websites, and we’re already starting to get business developing static sties for local companies