Jump to content

Span Footer in grid

Recommended Posts

Can anyone help with why I cannot make the footers span 2 across the bottom? I tried 5 or 6 different ways to fix it & it stays like this. In the html, each footer has it's own ID but I should be able to span all three using a combinator right? 

body footer { grid-column: span 2; }


Link to post
Share on other sites

It's hard to guess what the problem could be without knowing that the HTML structure is. Do you have three footer elements or three elements wrapped by a footer?

Link to post
Share on other sites

Looking at the picture, my guess is that you should actually set it to "span 6" if you want each box to be half the width of the grid.

If you are already using an ID selector in CSS on these elements, you will not be able to override it with a general selector like "body footer". ID selectors cannot be overridden except by other, more specific ID selectors.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...