Learn CSS Grid in 20 Minutes - Free Tamil Tutorial💪

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