I have a grid element that I am going to use for search results on my site and for some reason I can’t figure out how to get the entire grid to be centred in the middle of the page. It always has the left most part of the grid snap to the left side of the page.
Help would be much appreciated!
Here is my site Read-Only: Webflow - bookgolftravel.com
Looks like you’re fixed it with with Flex align center top on your Div Block 3 parent element.
However another way to do this is a section/container arrangement, which looks something like;
BODY
DIV .section - 100% width, might have padding top/bottom for spacing
DIV .container - left/right margins set to auto, and e.g. 80% width, 1280px max-width
contents, like your grid
When you set the container left/right margins to auto, it will center horizontally within the parent DIV. The width and max-width give you control over how much space you want to allow the content in your layout.