#CSS #course #tutorial CSS website layout header nav main aside section article footer tutorial example explained
КОМЕНТАРІ: 34
@BroCodez11 місяців тому
Bro Code Header This is Aside This is side content author information fun facts quotes external links comments related content This is a Section This is dependent content Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorum est totam ducimus fugiat possimus consectetur architecto repudiandae, recusandae iusto aperiam eveniet quidem enim aliquam rem. Dolore voluptates nesciunt fuga quisquam? Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorum est totam ducimus fugiat possimus consectetur architecto repudiandae, recusandae iusto aperiam eveniet quidem enim aliquam rem. Dolore voluptates nesciunt fuga quisquam? This is an Article This is independent content News Article Job Post Blog Post Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione quidem, repudiandae, suscipit illum animi ullam omnis at laborum eaque dolorem aliquam quos iure cum deserunt asperiores facere sed totam magni? Footer /* style.css */ *{ box-sizing: border-box; } body{ margin: 0; } header{ background-color: hsl(0, 0%, 86%); text-align: center; padding: 25px; } .navbar{ background-color: hsl(0, 0%, 15%); height: 50px; } aside{ width: 20%; float: left; padding: 10px; } section{ width: 40%; float: left; padding: 10px; } article{ width: 40%; float: left; padding: 10px; } footer{ display: block; clear: both; background-color: hsl(0, 0%, 86%); text-align: center; padding: 25px; } @media screen and (max-width:600px){ aside, section, article{ width: 100%; } }
@kadafiblaze96625 місяців тому
Bro, this i this is dope. you are the best. love your work.
@guchfun2 місяці тому
Thank you Bro Coder! I love the simplicity of this design as a starting point.
@Epic_coding2007 місяців тому
W3Schools but with text to speech (I hate reading articles but u have fixed it for me !!)
@c28ccd0e5 місяців тому
TRUE bro
@user-ql7pw7ld1n2 місяці тому
Fantastic...I love it.very clean clear to the point..I'm confident now
@suyashman79647 місяців тому
Epic bro
@khakimov_183 місяці тому
you are doing a great job! Thanks for all
@eternalrinnegan83932 місяці тому
clean af, ty
@softwareengineer17 місяців тому
Thankyou Bro
@walidwalid166914 днів тому
Thank you 🎉
@abduljayconteh1858Місяць тому
Thank you very much @Brocode you are a genius
@ayubayanle4 місяці тому
Thank you man
@TylerGraybeal42 місяці тому
Nice video bro!!!!
@JasonTRogers5 місяців тому
wow, thank you for Going through that. It helped me understand how HTML and CSS work together. Do you have a video that explains the relationship of PHP with the other programing languages? How many programing languages are involved in building a website?
@yfjsdgzjdnfnМісяць тому
It is nice to layout using flexbox rather float
@ezeabataprisca916422 дні тому
Thank you bro
@tavrel46282 місяці тому
why doesn't my article align with section and aside? it's right under the navbar and no padding adding seems to work. total beginner here😅
@Wolphypwi4 місяці тому
man, I wish to be as good as you and have the knowledge.
@FushigiMigi3 місяці тому
you can do it!
@sherlockholms25448 днів тому
thanks bro ❤❤❤❤❤❤❤❤
@josepholaniyi8818Місяць тому
Thanks❤
@mothukurivenkatesh464111 місяців тому
❤
@souleaterboss22463 місяці тому
Thanks 😮😮😮
@sereneflatun3 місяці тому
THank you THank you Thank you ************************
@redwanfzr46428 днів тому
@renoman11956 місяців тому
thank you so much!!!! This isn't plagiarism, is it? taking this code and making something else out of it?
@Yumiesthetic6 місяців тому
of course not, as long as it's for personal usage and learning, it's fine
@MotoPortalTR3 місяці тому
tenku tenku izmir -Turqey gut bye
@SpongeknobSquarenut3 місяці тому
is there a way to make the footer smaller?
@purplevanilla3 місяці тому
Just reduce the height of the footer
@SpongeknobSquarenut3 місяці тому
@@purplevanillabut how?
@purplevanilla3 місяці тому
@@SpongeknobSquarenut For example, if the footers height is 100. Just change the height into 80 or smth lower than that in css. footer{ height: 80; }