#1 Learn CSS Flexbox - (தமிழில்)(Tamil) | HTML | CSS Course
HTML-код
- Опубликовано: 4 окт 2024
- CSS Flexbox - (தமிழில்)(Tamil) (Tutorial) | HTML, CSS | Web Design Course
In this video, you will learn famous CSS Layout module "Flexbox" with its properties in detailed information.
CSS Flexbox Properties:
display: flex;
flex-direction;
flex-wrap;
flex-flow;
justify-content;
align-items;
align-content;
order;
flex-grow;
flex-shrink;
align-self;
Github Source Code: github.com/anb...
Before watching this video, inorder to get clear understanding of how CSS works, do watch our CSS Course which is absolutely FREE.
HTML Course (தமிழில்)(Tamil) : • HTML Course in Tamil
CSS Course (தமிழில்)(Tamil) : • CSS in Tamil
Javascript Course (தமிழில்)(Tamil) : • JavaScript in Tamil
**What's Next**
#2 CSS Flexbox Game ()
To Join in our free training course: Join here
cyberdudenetwo...
To know video updates join our facebook group:
/ cyberdudetraining
Credits:
Sponsor: CyberDude Networks [www.cyberduden...]
Instructor: Anbuselvan Rocky [ / anburocky3 ]
Ahh. This channel was so useful when i started my programing carrear..again i came back ..
Anbuselvan Rocky always Rocking! Good Explanation. :)
Good Explanation, Keep making videos. Thank you so much
sema bro, vera level teaching, more interest, and clear voice keep rocking its useful for me, now I got more ideas and your videos are good please give this type of videos and tips
Glad to know :) Keep learning more.
neenga legend thaan
Clear explanation.👍 It's very useful for me
Glad it helped you. :)
Thanks na for suggesting a flexbox froggy game. its very helpfull to understand better
Any time!
Ne vera level thala👍👍👍
Thank you so much for your wonderful explanation..
Vertical - Align Items
Horizontal - Justify Content 😊
Your videos are useful.. Clear explanation.. I have learned lot from all your videos..
Glad to hear that. Keep watching, lots more helpful videos coming up.
nice explanation ... its more interesting
It will be more interesting if you create more real-world projects. Give it a try. You will feel good and proud. :)
Nice video, easily understandable. Keep making videos. Thanks
Thanks, will do!
extension name bro ? to autofill 15 div
Vera level bro
justify-content & align-content, position the child items with respect to the main and cross axis, not the content of the children.
Yes correct. (Y)
Super bro✌👍. Excellent explanation
arumaiyaana pathivu....
very nice tutor
Means alot
Bro unga videos lam nalla iruku keep it up bro , image slider ku oru video podunga bro konjo useful ah irukum
Coming up in Javascript Series.
4 box la, rendu box starting, 2 box ending la veikanum apdina epdi bro
super brooo we need grid layot broo
Sure... Will make it :)
i like it bro
Super sir
Majja bro❤
And also give some easy tricks for coding bro.✌️
As we are coding. We are sharing the tricks to improve the productivity.
I was learned unknown things in front end development. Anything need to donate your channel. How to donate bro.
Bro one doubt bro
Nama bootstrap vachi nav bar create panitu
Css media query vachi responsive ah koondu Vara mudiyum ah bro
Bro next website la keela bar varama iruka yena bro pananum css la
Css la display: flex nu kudutha poothuma
Bootstrap uses flex behind the screen. So neenga bootstrap use panavae, you will be using the flex only. You don't have to do that manually. Bootstrap will take care. If you want to do manually, yes, flexbox knowledge vechi neenga ena venalum panalam.
div*15>{BOX $} box 15 not working .. can u plz help on it.. i pressed tab button too
I tried your snippet and its working. If it still not working, make sure you install the emmet extension. (Y)
Ya u r right... I have installed it and i tried.. its working now.Thank u for ur support.
Good explanation ❤😊
How to comment the line very fastly
In your VSCode press CTRL + / (It will create the comment)
@@CyberDudeNetworks thank you bro indha mari fulla shortcut vachi oru video podunga👍
@@krishnarajan319 Sure brother.
Bro ennaku oru doubt eruku but ethula athu puriya vaika mudiathu, any other options for contact you?
bro epudi andha ezhutha select panni ore timile commond pandradhu
animation pathi video podunga
CSS Animations?
@@CyberDudeNetworks yes like 3d parallel antha mari neriya
Noted
Flex box vs grid which is best?
Flexbox => Useful,
CSSGrid => SuperUseful & Powerful than Flexbox
@@CyberDudeNetworks thanks for your fast reply ☺️
vs code la enna font bro use panrenka
We use MonoLisa font.
Hi where is that flexbox ppt for understaing
2:30 Flex box is 1 dimensional and css grid is 2 dimensional.
You are correct. Our mistake.
Bro neega grid view video unga chennala iruka
nice bro
Hope u liked.
DOM video podugaa bro
We would like to inform that, we have started making videos regarding JS DOM. :) You will receive it shortly.
Bro css grid videos link
ANNNA AFTER CSS COURSE THIS VIDEO ONLY KNOW...?
Yes, Learn HTML, CSS3 & CSS Flexbox and Bootstrap or JavaScript.
Ena package bro install panirukinga css ku
You mean extensions? We have used Live Server i think.
How to add tamil language on HTML
wher to get the pdf
bro neengha first show pana ..PPT file attach panungha bro for future use
Will do that in the future. Currently i don't the ppts.
@@CyberDudeNetworks No bro antha flux box containers and icons pics
You can get it from: css-tricks.com/snippets/css/a-guide-to-flexbox/
@@CyberDudeNetworks Rmbha nandri nanbha , I would recommend you to show your gpay/phnpey / Paytm number in your videos or in description. Because your content or more useful than some paid online services.💯🙌
Super bro
Hi team can u share the ppt of this session
Sorry, we don't have ppt for this session. Will upload the ppt in our future videos.
Bro I need that ppt. Thanks
Sorry, We don't have it right now.
Mr. Rocky. Please add the phonepe or paytm number as well. Interested people will pay according to their capacity. I was able to become clear in hardconcepts of Javascript after watching your video lessons. Now, in the interview, felxbox and grid, pseudo classes are frequently asked for senior web developers. And your video lessons are very very useful. please continue your works for the larger benefits Anbu brother. Also please teach lessons on React, Redux, HOX, renderprops, Storybooks, etc. and also start a series for realtime projects. Dont forget the phonepe number, Anbu bro....
Nice explanation.👍