Desktop Padding doesn't feet other breakpoints in responsive mode

At a desktop breakpoint padding up 100px is totally fine but when other breakpoints inherit the padding it becomes too much.

How to set the height of the sections in the desktop breakpoint so that there will not be such a big space in breakpoint 480px for example?

Should I reduce all the padding in the 480px breakpoint?
Or should I use the max height in the desktop breakpoint?

I would set the appropriate padding “per/breakpoint” - so on desktop set it, then switch to a smaller breakpoint - if it’s too much, reduce it on that breakpoint, then go to smaller breakpoint to check, repeat…at least that’s how I do it.


As @ShorePatrol said, this is the way you should do it.

1 Like