Jump to content

Span Footer in grid


buckem5350

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; }

snipCode2T3.JPG

Link to comment
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 comment
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 comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...