#CSS #course #tutorial CSS website layout header nav main aside section article footer tutorial example explained
Пікірлер: 47
@BroCodez Жыл бұрын
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%; } }
@kadafiblaze96627 ай бұрын
Bro, this i this is dope. you are the best. love your work.
@guchfun4 ай бұрын
Thank you Bro Coder! I love the simplicity of this design as a starting point.
@user-ql7pw7ld1n4 ай бұрын
Fantastic...I love it.very clean clear to the point..I'm confident now
@user-ef8yz9fu5iАй бұрын
pretty good. The content is good. It showing how to make a basic websites with all the basic factors instructed step by step.
@khakimov_185 ай бұрын
you are doing a great job! Thanks for all
@Epic_coding2009 ай бұрын
W3Schools but with text to speech (I hate reading articles but u have fixed it for me !!)
@rouisaek6 ай бұрын
TRUE bro
@user-eq1jk3pp2y4 күн бұрын
amazing explanation, thank you !
@eternalrinnegan83934 ай бұрын
clean af, ty
@suyashman79649 ай бұрын
Epic bro
@sdy202429 күн бұрын
Thank you very much , this is good stuff.
@yfjsdgzjdnfn3 ай бұрын
It is nice to layout using flexbox rather float
@TylerGraybeal44 ай бұрын
Nice video bro!!!!
@AdeelAhmad0007Ай бұрын
Nice Video
@abduljayconteh18583 ай бұрын
Thank you very much @Brocode you are a genius
@Wolphypwi5 ай бұрын
man, I wish to be as good as you and have the knowledge.
@FushigiMigi5 ай бұрын
you can do it!
@JasonTRogers6 ай бұрын
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?
@AdeelAhmad0007Ай бұрын
amazing
@ayubayanle6 ай бұрын
Thank you man
@redwanfzr4642 ай бұрын
@walidwalid16692 ай бұрын
Thank you 🎉
@softwareengineer19 ай бұрын
Thankyou Bro
@AdeelAhmad0007Ай бұрын
good
@sereneflatun5 ай бұрын
THank you THank you Thank you ************************
@ezeabataprisca91642 ай бұрын
Thank you bro
@souleaterboss22465 ай бұрын
Thanks 😮😮😮
@sherlockholms25442 ай бұрын
thanks bro ❤❤❤❤❤❤❤❤
@josepholaniyi88183 ай бұрын
Thanks❤
@mothukurivenkatesh4641 Жыл бұрын
❤
@buivandat-md8fd2 ай бұрын
tks bro !
@tavrel46284 ай бұрын
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😅
@SBisLive43526 күн бұрын
Let's grow together
@SBisLive43526 күн бұрын
Let's grow together
@renoman11958 ай бұрын
thank you so much!!!! This isn't plagiarism, is it? taking this code and making something else out of it?
@Yumiesthetic8 ай бұрын
of course not, as long as it's for personal usage and learning, it's fine
@alwinsantos38078 күн бұрын
hello what if i dont use style.css where to put this code" @media screen and (max-width:600px) { aside, section, article{ width: 100%; } } " thankss
@reaper8305Ай бұрын
Sir bro code will you create a full actuall website with design
@MotoPortalTR4 ай бұрын
tenku tenku izmir -Turqey gut bye
@SpongeknobSquarenut5 ай бұрын
is there a way to make the footer smaller?
@purplevanilla5 ай бұрын
Just reduce the height of the footer
@SpongeknobSquarenut5 ай бұрын
@@purplevanillabut how?
@purplevanilla5 ай бұрын
@@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; }