Multi-Column Layout in css in Hindi | CSS3 tutorial in hindi - 6 | Multi-Column Layout

#heavycoding #multicolumnlayout #multicolumnlayoutincss #css3

HTML tutorials for beginners Playlist : https://www.youtube.com/playlist?list=PL97P2RbKWLQi6yWVPd68FEXB8VFoxctRB
HTML5 tutorials for beginners Playlist : https://youtube.com/playlist?list=PL97P2RbKWLQiEAXgcvl_mUb5zUKdDryf_
CSS tutorials for beginners playlist : https://www.youtube.com/playlist?list=PL97P2RbKWLQjHJx_68um5tN24CSsZwu1B
Javascript tutorials for beginners playlist : https://youtube.com/playlist?list=PL97P2RbKWLQjAbQCCta0cOYcthW2oBUBc
HTML and CSS tutorials playlist: https://youtube.com/playlist?list=PL97P2RbKWLQhKbaip3R-Kpo0MRfqDFzYS
Sublime text editor :- https://www.youtube.com/playlist?list=PL97P2RbKWLQhz0C-i9Ctx0jbh4_JOSFBW
Follow us on Instagram - https://www.instagram.com/heavy_coding/
Follow us on facebook - https://www.facebook.com/codingheavy

Hello guys!!...Welcome to Heavy coding in this tutorial you will learn everything about Multi-Column Layout in CSS3 in this complete video in hindi..

Creating Multi-Column Layouts
The CSS3 has introduced the multi-column layout module for creating multiple column layouts in an easy and efficient way. Now you can create layouts like you see in magazines and newspapers without using the floating boxes. Here is a simple example of splitting some text into three columns using the CSS3 multiple column layout feature.

Setting Column Count or Width
The CSS properties column-count and column-width control whether and how many columns will appear. The column-count property sets the number of columns inside the multicol element, whereas the column-width property sets the desired width of the columns.

Setting Column Gap
You can control the gap between columns using the column-gap property. The same gap is applied between each column. The default gap is normal which is equivalent to 1em.

Setting Column Rules
You can also add a line between the columns i.e. the rule using the column-rule property. It is a shorthand property for setting width, style, and color of the rule in a single declaration. The column-rule property takes the same values as border and outline.

Related search queries :-
html courses for beginners
html css tutorial for beginners in hindi
html tutorial for beginners youtube
learn html and css for beginners
learn html step by step
html css javascript tutorial for beginners
learn basic html and css
online html courses for beginners
css tutorials for beginners
css tutorials
css tutorials in hindi
css complete tutorials
css3 tutorials for beginners
cs3 tutorials
css3 tutorials in hindi
css3 complete tutorials
javascript tutorial
javascript tutorial for beginners in hindi
javascript tutorials in hindi
heavy coding

Видео Multi-Column Layout in css in Hindi | CSS3 tutorial in hindi - 6 | Multi-Column Layout канала Heavy Coding