The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design CSS-Grid: Extend rows to touch grid-container/viewport on both sides

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #259155

    Hello All,

    I am trying to have my site where the header, nav, page-title touch the sides with no gaps on either side nor should they have any margins between them. After these three rows I want to have a panel which contains tabs which open different parts all having a side and bottom gutter. After which there is margin and then follows the secondary nav, a margin and then the footer etc. Please see a sample:

    I tried to achieve this with:

    Perhaps you can help to achieve this.

    Many thanks,



    There’s no need to do all of this in one container.

    You really only need the grid on the tabs panel…so you can make that a sub-grid.

    The point is to only use Grid when you have to. If you want a 100% wide div…you don’t need Grid.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design’ is closed to new topics and replies.