gxlpes
KPCKevin Powell - Community
•Created by gxlpes on 2/11/2024 in #front-end
How to use a grid layout for containers/wrappers but also have a one side bleed?
Following this tutorial about grid layout instead of wrappers from Kevin, I got a grid layout that works nicely with "full-width", "breakouts" and "normal width".
The problem is that I'm trying to make a "one-side-full-width", like this other tutorial from Kevin but the content inside of this new class/wrapper is not following the centered layout.
Here is a JSFiddle showing the problem.
I know that
grid-column: full-width-start / content-end make the container work like I said, but the content inside of it is being centered using the container as parameter and not the "content-start" and "content-end" from my "content-grid".
How can I approach this?5 replies