buckem5350 Posted April 17, 2021 Share Posted April 17, 2021 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 comment Share on other sites More sharing options...
Ingolme Posted April 17, 2021 Share Posted April 17, 2021 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 More sharing options...
Ingolme Posted April 17, 2021 Share Posted April 17, 2021 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 More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now