Streaming live at 10am (PST)

% or width for website


#1

On my website, I was told that it is best to change every class from Width, to %. This helps it elements to not overflow when they swap over to a different device.

I have found this to be untrue. For example, if I have a block thats set at 80%, it works fine on desktop,
then it overflows on the tablet, so i need to change the 80% to a 60%.

With my counterargument in italic above, what is your response on the statement
"I need to change every class from width to % so elements don't overflow when swapped to a different device".

If it turns out i need to replace width to % to fix overflow, then i'll need to edit 15 pages on 4 different devices.
That's hundreds of classes. Thats why i need to this feedback.

-Elliot
https://preview.webflow.com/preview/dogwalkerextracom?preview=fad14ef9cf7c35af8542fd6199b44902


#2

Here are two videos that may help explain responsive web design more clearly:
https://help.webflow.com/lesson/responsive-web-design
https://help.webflow.com/video-tutorial/the-basics-of-responsive-design-workshop

try going through those videos to get a full understanding of when and why to use percentages

hope this helps :slight_smile:


#3

I watched the second video, and it is still not clear to me.

The first video is an hour long and i do not know where specifically to go to, to understand % instead of width.

Can you try explaining it to me?


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.