Home > other >  How to make content over several grids?
How to make content over several grids?

Time:11-04

I have a footer that is made in JS, and is styled in css with

grid-template-columns: repeat(3, minmax(0, 1fr));

But i would like to have the copyright part at 100%, and not only in the first grid row, is it possible to override?

CodePudding user response:

Yes, use grid-column: 1 / -1; This will set the item to start at 1 and the -1 aspect will tell the footer to extend all the way to the end of the grid no matter how many columns you have.

/* use what ever your footer is selected as in css*/ {
 grid-column: 1 /-1;
 }
 
 
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" frameborder="0"></iframe>

  • Related