How to create a layout with HTML CSS | using Float
Вставка
- Опубліковано 6 вер 2024
- 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
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.
excelletn job but with voice it will be perfect.
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.
love it,like it, subscribed it..
thank you for the charity, may god bless you
I think U can code the CSS to litle using coma, but thank for your code :)
thanks
Thanks so much, I finally got it with this video
You're welcome!
hey buddy u got me ju subscribed you, awesome video keep it up
really liked it
Very good at it too exciting
Awesome video...
how come the “section2”doesnt work for me at all? it didnt form a box
Check source code in description
Good example so you got me subscribed too.
Thanks and welcome
Very helpful Video👍🏻
Why you create div clear insted you could use pseudo :after and made it in css sheet only 😉
Sir we need better explanation
CSS layout permainan antara margin, border, dan float.
Good
Thanks
Terimakasih
Can I use notepad for this?
Yes
Do u layout every website before u do it?
Yew
@@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
why you have used clear property to make lines
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
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
Why do you put the * in 1:05
Selects all elements
@@TheWebShala , ooooh thank youuuu for your reaction
Ad salinan ga bang?
Make a simple web responsive layout with html CSS and js please
Ok
@@TheWebShala aaaa thank you ❤️
Awaaj to haihi nahi
cool. now make it responsive. lol
Ok
Gunge paida liye ho kya ji
😅😅😅😅
Not responsive!!!
yes
Very good at it too exciting