CSS Grid in Tamil | CSS Flex Box in Tamil | Advance CSS Properties in CSS | Tutor Joes

Join this channel to get access to perks:

Learn Computer Technology By Tamil
For Free source code and Free Project Please visit :

Complete Playlist of Tutor Joes

Learn 135 Courses in Tamil

00:00:00 Introduction
00:01:30 CSS Flexbox
00:03:56 Advantages of Flexbox
00:04:47 Vertical Center in Flexbox
00:07:45 Flexbox Architecture
00:09:06 Flexbox Container Properties
00:09:34 Flex Item Properties
00:10:05 Basic Code Setup
00:14:05 display:flex | display:inline-flex
00:15:51 flex-direction
00:17:33 flex-wrap
00:20:46 flex-flow
00:23:25 flex gap properties in CSS
00:25:22 justify-content
00:29:59 align-items
00:34:19 align-content
00:39:44 order
00:43:43 flex-grow
00:46:06 flex-shrink
00:49:46 flex-basis
00:52:13 flex
00:55:22 align-self

00:58:03 CSS Grid Layout
01:00:59 Basic Code Setup
01:02:25 display:grid | display:inline-grid
01:04:11 grid-template-columns
01:08:43 grid-template-rows
01:11:24 grid-template
01:12:28 grid gap properties
01:14:06 justify-items
01:16:19 align-items
01:17:44 place-items
01:19:55 justify-content
01:22:03 align-content
01:23:34 place-content
01:24:55 grid-auto-flow
01:26:32 grid-column
01:31:19 grid-row
01:33:22 justify-self, align-self, place-self
01:37:19 grid-template-area

#tutorjoes #tamil #tjcss

[DavidChinnapparaj]

One of the best platform to learn as beginner @jutor jos ❤

[velmuruganr]

Extra ordinary explanation. Very useful to me.
Please make full video for React and Express like CSS.

[vigneshr]

I completed this video today. Thank you for the superb lesson

[ramkumark]

First of all, I am really grateful for this wonderful lecture and there are no words to describe the way you have taught me🫡🫡🫡
To be very fair with you, I have designed my portfolio before watching this video with limited knowledge in both flexbox and Grid layouts.
But, after watching this video, I am feeling very confident that, I have gained a immense knowledge on this topic sir.
In simple words, You're just awesome sir. I have subscribed also which you inspired me to do so.

I feel low in CSS designing. Now, I am confident that, if I watch that 10 hrs video on CSS concepts which you posted on your channel, I will gain immense knowledge on it sir.
Thank you very very much sir.

Still, can't get over from your wonderful lecture sir.

[yogesh]

super sir and thank you intha video enaku romba usefull ah irunthuthu

[Sengottaiyan]

Hi Sir 😊, your YouTube channel has been instrumental in shaping me into the "Web Developer" I am today 😇. Your guidance and knowledge-sharing have been invaluable 💯, serving as a cornerstone in my journey 💯. I extend my deepest gratitude for your dedication and the profound impact you've had on my skills and understanding 😌. Thank you immensely for being a beacon of inspiration and education in the vast realm of web development ❤🙏.

[RajuActiveLifestyle]

Thank you so much, I'm very very clear about grid layout 😊

[yuvarajyv]

Yeah bro I will go to watch the 10hr video

[RoopaSenthil]

I have completed css all videos sir. Thank you sir l am waiting for "React "

[bavadharanibalamurugan]

Awesome all web developer must watch this video😍

[johnsanthosh]

Thanks you for the amazing lesson ....

[tntamilanyt]

Thank you bro l have your clear explanation and easy understand coding .

[dharan]

Thank you for your dev community service,

[starky]

Javascript full tutorial video podunga sir eagerly waiting for that

[BeñLove-sy]

transform pathi full explain video podunga bro

[Arjun]

Sir ithukum bootstrap grid system ku enna different...responsive site bootstrap illama ithula panna mudiyuma

[prabu]

Sir
Vs code la enna theme use panringa

[bikobaki]

yena website fronthand video nereye ereke ana user sign up pandene pereke are user page marere mariya website epede seyeno solikudetengena umbe nala ereko

[Aravindudhaya]

Nega pota css video pathala pothuma bro

[beastpilot]

1:31:33 grid-row, grid-colum ku grid nu oru sorterm irukula bro atha solla marantinga...