WELCOME
TO
CSS(STYLING) WITH CINDY KANDIE💜
TODAY WE WILL BE LEARNING ABOUT CSS GRID
But first of all...
What is CSS?
(Cascading Style Sheets)
Style the webpage
-Dressing the HTML
E.g My page here is styled by CSS
GRID
What is A Grid?
2D
contains ROWS and COLUMNS
What is CSS Grid?
1
2
3
4
5
6
CSS GRID VS CSS FLEXBOX
Which is better?
DISPLAY: GRID;
Applied on parent to reflect on the children elements
(to be demonstrated!)
COLUMNS
grid-template-column
ROWS
grid-template-row
grid-auto-rows
Terminologies
grid container
grid line
grid-track
grid-area
grid-cell
grid item
grid-template-column
grid-template-row
grid-gap
NEXT TIME:
GRID-TEMPLATE-AREAS WHICH
MAKE THINGS SO MUCH EASIER
SEE YOU THEN!!!
