Learn CSS Grid in 20 Minutes - Free Tamil Tutorial๐Ÿ’ช

My Coding Diary
My Coding Diary
325
0
Published 2023-04-18
In this 20-minute video tutorial, you will learn the basics of CSS Grid, a powerful tool for creating complex layouts in web design. The tutorial is presented in Tamil, making it accessible to Tamil-speaking viewers.

The tutorial begins with an introduction to CSS Grid, followed by a demonstration of how to create a basic grid layout using the grid-template-columns and grid-template-rows properties. The video then covers how to use grid-gap to add spacing between grid items, as well as how to align items within a grid using the justify-items and align-items properties.

Next, the tutorial covers more advanced grid layout techniques, such as using grid-template-areas to create named grid areas and using grid-auto-flow to define how new items should be added to the grid.

Throughout the tutorial, the presenter provides clear and concise explanations of each concept and demonstrates how to apply the techniques in practice. By the end of the video, viewers will have a solid understanding of CSS Grid and be able to create their own grid layouts for their web projects.

Timestamps
00:00 - Introduction
01:58 - Display Grid
02:48 - Grid Template Rows
03:42 - Repeat Function
04:31 - Fractional Unit
05:15 - Grid Template Columns
05:48 - Gap
06:41 - Implicit Rows
07:19 - Minmax Function
08:50 - Template Areas
11:14 - Positioning
13:50 - Span Keyword
15:03 - Grid Area
17:11 - Layers
18:30 - Alignments
20:52 - Outro

tamil,css,learn css in tamil,learn coding in tamil,frontend,frontend developer,html,css tutorial,web development,learn web development,tamil web development,tamil coding,coding in tamil,learn coding in tamil tutorial,tamil tutorial,tamil web development tutorial,tamil css tutorial,software development,coding,programming,programming in tamil
All Comments (16)