CSS Grid Tutorial For Beginners in Hindi | CSS Grid in one video | CSS tutorial
#cssgrid #css #programming
CSS Grid Tutorial in Hindi (Learn Grid in One Video): In this video, you will learn everything about CSS Grid. The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning.
Next video : Sample site layout using css grid( Uploading soon)
Thermology:
The vertical lines of grid items are called columns.
The horizontal lines of grid items are called rows.
The spaces between each column/row are called gaps.
The lines between columns are called column lines.
The lines between rows are called row lines.
To make an HTML element behave as a grid container, you have to set the display property to grid or inline-grid.
Grid containers consist of grid items, placed inside columns and rows.
A grid container contains grid items. By default, a container has one grid item for each column, in each row, but you can style the grid items so that they will span multiple columns and/or rows.
Note: If you have more than 4 items in a 4 columns grid, the grid will automatically add a new row to put the items in.
Follow me on Instagram : @ranaprince1234
Email: [email protected]