Centering columns in CSS Grid
Hello,
Here is what am trying to achieve in CSS Grid.
Columns are 50% of the container minus gap.
Odd columns center to the container.
On mobile/small screen, columns become full width (only mentioning as I think this can be achieved without a media query?)
I have mocked this up (badly I might add) in flexbox at this url. https://codepen.io/grantsmith/pen/BaPEMqB
I have no errors as such, just can not figure out how to achieve the above in Grid.
Here is what am trying to achieve in CSS Grid.
Columns are 50% of the container minus gap.
Odd columns center to the container.
On mobile/small screen, columns become full width (only mentioning as I think this can be achieved without a media query?)
I have mocked this up (badly I might add) in flexbox at this url. https://codepen.io/grantsmith/pen/BaPEMqB
I have no errors as such, just can not figure out how to achieve the above in Grid.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
