LincolinAngaya / grid-challenge

practice challenge on grid

grid-challenge

practice challenge on grid

basic css grid properties

css grid container properties

• grid-template-rows
• grid gap
• grid-auto-row
• grid-auto-column
• grid-template-area:
  'nav' 'nav' 'nav'
  'content''nav''side'
  'footer''footer''footer'
• justify-content
• align-items
• display

## css grid item properties

• grid-column: i.e 1/3
• grid-row:2/4
• grid area:nav;
• align-self:end,center,start
• justify-self

## selecting the items with pseudo-selectors i.e .item:nth-of-type(2){ grid-row:2/4 }