As a general concept, I understood that making changes to a mobile format would not affect the desktop format.
There must be some fine print I missed related to this concept.
I was adjusting a table on the mobile format for a blog and after all was done I was surprised to see that I wrecked the desktop view, ugh.
I guess styles cascade down but layout changes cascade up and down? I can’t imagine this would be the case since often you need to simplify in mobile view but my experience was that modifying layout of mobile view, specifically a grid with a combo class, will cascade up to desktop.
Can someone describe the one thousand foot protocol of what changes to mobile will cascade ‘up’ to desktop?
CSS changes are the only thing that cascade.
Structural changes, like moving elements, adding / removing elements, or changing non-style settings, affect your design at all breakpoints.
However, you can creatively use flex and grid layout styles to make certain aspects of your layout style-based, and therefore breakpoint-specific.
This doesn’t make any since though lol. Every video tutorial I have watched shows the designer removing part of the build for mobile breakpoint or even something as simple as resizing an image and it does not effect their desktop.
All changes I make on mobile cascade up even if its just changing the margin or the width
h of a text box. That doesn’t seem to be the case on any tutorials. Any idea on what im doing wrong?
Off the top of my head, I can’t think of any situation where that would happen. Even if you didn’t have a class on the element you’re styling, Webflow would create a class, apply your style setting at the breakpoint you’re currently viewing, and the base desktop breakpoint would not have any style applied for that class.
You might show a video of what you’re seeing?
If you’re certain you’re seeing the behavior you’re describing, make certain you don’t have anything interfering with designer operation, esp browser plug-ins.