Hello to all,
can somebody tell me the right common way how to center a Grid itself within the viewport?
I've figured out 2 methods, but somehow both don't seem to me to be best practice.
The first one is using an empty first and last column like:
grid-template-areas: ". title navigation .";
When using grid-gap this method has the problem that when you resize the viewport to min-width the design gets a glitch cause the left gap will still be visible while on the right side the content starts to disappear.
The code for the upper example for testing: