How to create a layout with HTML CSS | using Float

hi guys,
this tutorial is design for beginners,
in this video you will learn how to create layout with html and css
Please LIKE our Facebook page for daily updates..
/ the-webshala-109434944...
Download Source Code:
drive.google.c...
Please dont forget to like,comment,subscribe and share....
Thanks For Watching
Your Queries:
best website layouts,
creative website layouts,
best website layout design,
html basic website layout,
bootstrap website layout,
website layout css,
website layout css grid,
css website layout tutorial,
creating website layout,
website layout examples,
website layout flexbox,
simple website layout with flexbox,
website layout in html,
website page layout,
responsive website layout,
simple css website layout,
sketching a website layout,
website layout tutorial
#layout #css #html #float

[@alimansourey2076]

Good job . But this is obvious and easy, the hard part is when you try to create responsive layout ... It really takes practice and patience , The most complicated part is when you have a nav bar with links or button on it .. here you will face a really complicated situation because you have to keep the buttons centered and fill the bar and of equal sizes.

[@todayanalysis4355]

excelletn job but with voice it will be perfect.

[@vona5251]

Thank you so much. I still do not understand a few things
1) why did you to apply (height: auto) on the container. It is a block element and it will obviously take up the height of content nested inside it.
2) You constantly had to apply a float left to the content div, it is also a block element and it is floated left by default.

[@emon123utube]

love it,like it, subscribed it..

[@a_e_l_i_y_a]

thank you for the charity, may god bless you

[@crashbilly4929]

I think U can code the CSS to litle using coma, but thank for your code :)

[@cinochn]

thanks

[@AniSelomit1990]

Thanks so much, I finally got it with this video

[@TheWebShala]

You're welcome!

[@monir6503]

hey buddy u got me ju subscribed you, awesome video keep it up
really liked it

[@DnB2]

Very good at it too exciting

[@rishabhtiwari7451]

Awesome video...

[@junardvillahermosa]

how come the “section2”doesnt work for me at all? it didnt form a box

[@TheWebShala]

Check source code in description

[@Username64870]

Good example so you got me subscribed too.

[@TheWebShala]

Thanks and welcome

[@maddin223]

Very helpful Video👍🏻

[@romand5076]

Why you create div clear insted you could use pseudo :after and made it in css sheet only 😉

[@gunturumanoj3991]

Sir we need better explanation

[@theeagle9367]

CSS layout permainan antara margin, border, dan float.

[@southfitness7567]

Good

[@TheWebShala]

Thanks

[@haragrapegarden8061]

Terimakasih

[@leijuz]

Can I use notepad for this?

[@TheWebShala]

Yes

[@shonhomezzz6222]

Do u layout every website before u do it?

[@TheWebShala]

Yew

[@shonhomezzz6222]

@@TheWebShala do you have any videos of u filling out your layout with content? Or any videos explaining the clear u used in this vid

[@kashifahmed3078]

why you have used clear property to make lines

[@TheWebShala]

If an element contains only floated elements, its height collapses to nothing. If you want it to always be able to resize, so that it contains floating elements inside it.. read more: developer.mozilla.org/en-US/docs/Web/CSS/clear

[@stackdevloper4941]

Html and CSS Tutorial For Beginners In Hindi Playlist : ua-cam.com/play/PLLh5YgSgKbzPa_hctZfR5JLyMy01-qa_4.html
Html and CSS Tutorial For Beginners In Punjabi Playlist : ua-cam.com/play/PLh7Hn1SqkFrzyDPKGYJAyf-IX5rKhafYz.html

[@Furkanh66]

Why do you put the * in 1:05

[@TheWebShala]

Selects all elements

[@Furkanh66]

@@TheWebShala , ooooh thank youuuu for your reaction

[@rayfasiddiq8372]

Ad salinan ga bang?

[@DingoDingKumai]

Make a simple web responsive layout with html CSS and js please

[@TheWebShala]

Ok

[@DingoDingKumai]

@@TheWebShala aaaa thank you ❤️

[@rinkletyagimotivationalspe4821]

Awaaj to haihi nahi

[@mrchedda]

cool. now make it responsive. lol

[@TheWebShala]

Ok

[@softmedun6794]

Gunge paida liye ho kya ji
😅😅😅😅

[@kiolh_19880]

Not responsive!!!

[@TheWebShala]

yes

[@DnB2]

Very good at it too exciting