Thanks to visit codestin.com
Credit goes to www.scribd.com

Scribd
Upload
33 views14 pages

CSS Grid

Uploaded by

ARaMaa Deve
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
33 views14 pages

CSS Grid

Uploaded by

ARaMaa Deve
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 14

Flex box and Grids are used to create web site layouts

the way elements on a web page are arranged and structured,


defining the visual organization and user experience.
Elements are arranged in row
wise or column wise
But not both
In Grids we arrange the elements
in row and column wise
Both ways

Here in this diagram we can see


1st row has have two columns
In this parent grid we have 3 elements
1st row occupied full row where as 2nd row divided
into two element and arranged according to that
Web site structure

The above types of web structure are can be


created by using grid concept
To use grid we can use some properties
We have parent grid that can be taken as
one division
So we use these (apply) properties for
create a grid, that can be called as grid
layout
Here we specify no.of columns, Ex: 200px means
200pixls width

Columns means vertical


Rows means horizontal

You might also like