
To manipulate the number of columns along with their width, we can use the grid-template-columns property. Once it’s done, we can center the social media icons by applying justify-content: center on the parent grid container.īy default, the CSS grids put all grid items in a single column.

Which we can do by applying display: grid on it. Finally, our Analytics tools offer powerful Commerce insights about your orders, revenue, and traffic sources to better.

You can also add email marketing, social media tools, and Extensions to build your audience and reach new customers. To apply grid properties on the social media icons, we have to first make the parent element a grid container. Every Squarespace online store comes with SEO tools to help your website stand out in search results. This method is almost similar to the flexbox method. Note: The flex-wrap property decides whether or not the flex items should be placed onto a new line if enough space is not available.Ĭenter Social Media Icons using CSS GridsĬSS grid is also another great choice to center social media icons in the footer of your website.
