This fixes https://github.com/nunocoracao/blowfish/issues/2292 and avoids expanding in weird ways on larger screens.
It does make the section a larger on large screens. This however looks reasonable and should actually be an improvement.
For consistency I added w-full to layouts unaffected by https://github.com/nunocoracao/blowfish/issues/2292 too (page, card). Otherwise they look off.
page layout still has a bug where the fixed-width div expands the section too much on larger screens, but this behavior is the same as before. All layouts do not encounter https://github.com/nunocoracao/blowfish/issues/2292.
Fixed width elements were overflowing previously on:
background, hero and profile.
This addresses https://github.com/nunocoracao/blowfish/issues/2292
Currently the section element expands more than it used to
on larger screens, I will try to fix this.
- Move out of line by using already defined css classes
- Move paddings out of line
- Move margins out of line
- Move z-indexes out of line
- Move center-relative-left out of line
