Тёмный

CSS website layout in 9 minutes! 🗺️ 

Bro Code
Подписаться 1,8 млн
Просмотров 50 тыс.
50% 1

#CSS #course #tutorial
CSS website layout header nav main aside section article footer tutorial example explained

Опубликовано:

 

20 сен 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 35   
@BroCodez
@BroCodez 11 месяцев назад
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%; } }
@kadafiblaze9662
@kadafiblaze9662 5 месяцев назад
Bro, this i this is dope. you are the best. love your work.
@guchfun
@guchfun 2 месяца назад
Thank you Bro Coder! I love the simplicity of this design as a starting point.
@user-ql7pw7ld1n
@user-ql7pw7ld1n 2 месяца назад
Fantastic...I love it.very clean clear to the point..I'm confident now
@khakimov_18
@khakimov_18 3 месяца назад
you are doing a great job! Thanks for all
@Epic_coding200
@Epic_coding200 7 месяцев назад
W3Schools but with text to speech (I hate reading articles but u have fixed it for me !!)
@c28ccd0e
@c28ccd0e 5 месяцев назад
TRUE bro
@suyashman7964
@suyashman7964 7 месяцев назад
Epic bro
@user-ef8yz9fu5i
@user-ef8yz9fu5i 3 дня назад
pretty good. The content is good. It showing how to make a basic websites with all the basic factors instructed step by step.
@eternalrinnegan8393
@eternalrinnegan8393 2 месяца назад
clean af, ty
@softwareengineer1
@softwareengineer1 7 месяцев назад
Thankyou Bro
@TylerGraybeal4
@TylerGraybeal4 2 месяца назад
Nice video bro!!!!
@walidwalid1669
@walidwalid1669 20 дней назад
Thank you 🎉
@abduljayconteh1858
@abduljayconteh1858 2 месяца назад
Thank you very much @Brocode you are a genius
@ayubayanle
@ayubayanle 4 месяца назад
Thank you man
@Wolphypwi
@Wolphypwi 4 месяца назад
man, I wish to be as good as you and have the knowledge.
@FushigiMigi
@FushigiMigi 4 месяца назад
you can do it!
@JasonTRogers
@JasonTRogers 5 месяцев назад
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?
@ezeabataprisca9164
@ezeabataprisca9164 28 дней назад
Thank you bro
@sherlockholms2544
@sherlockholms2544 15 дней назад
thanks bro ❤❤❤❤❤❤❤❤
@josepholaniyi8818
@josepholaniyi8818 2 месяца назад
Thanks❤
@mothukurivenkatesh4641
@mothukurivenkatesh4641 11 месяцев назад
@tavrel4628
@tavrel4628 2 месяца назад
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😅
@sereneflatun
@sereneflatun 3 месяца назад
THank you THank you Thank you ************************
@souleaterboss2246
@souleaterboss2246 3 месяца назад
Thanks 😮😮😮
@yfjsdgzjdnfn
@yfjsdgzjdnfn Месяц назад
It is nice to layout using flexbox rather float
@renoman1195
@renoman1195 7 месяцев назад
thank you so much!!!! This isn't plagiarism, is it? taking this code and making something else out of it?
@Yumiesthetic
@Yumiesthetic 6 месяцев назад
of course not, as long as it's for personal usage and learning, it's fine
@redwanfzr464
@redwanfzr464 Месяц назад
@MotoPortalTR
@MotoPortalTR 3 месяца назад
tenku tenku izmir -Turqey gut bye
@SpongeknobSquarenut
@SpongeknobSquarenut 3 месяца назад
is there a way to make the footer smaller?
@purplevanilla
@purplevanilla 3 месяца назад
Just reduce the height of the footer
@SpongeknobSquarenut
@SpongeknobSquarenut 3 месяца назад
@@purplevanillabut how?
@purplevanilla
@purplevanilla 3 месяца назад
@@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; }
@user-my8kc6xi5c
@user-my8kc6xi5c 2 месяца назад
leuuuuu
Далее
How to create a CSS image gallery in 5 minutes! 📷
5:38
How to Properly Layout A Website (For Beginners)
14:50
Просмотров 470 тыс.
❌УШЛА ЭПОХА!🍏
00:37
Просмотров 108 тыс.
Learn CSS flexbox in 10 minutes! 💪
10:01
Просмотров 95 тыс.
Learn CSS height and width in 6 minutes! 📏
6:54
Просмотров 37 тыс.
Responsive Flexbox Layout in 2 Minutes
2:41
Просмотров 1,4 тыс.
How to create a CSS navigation bar in 6 minutes! 🧭
6:28
Learn CSS in 1 hour 🎨
1:00:00
Просмотров 959 тыс.
Learn CSS Grid the easy way
37:04
Просмотров 858 тыс.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
Просмотров 873 тыс.
Learn CSS position in 5 minutes 🎯
5:58
Просмотров 117 тыс.
CSS Tips And Tricks I Wish I Knew Before
12:12
Просмотров 391 тыс.