Основы вёрстки HTML+CSS | Базовые принципы работы с CSS и HTML на практике

[@brazhnikovnikolay]

Топовый мастер-класс по основам верстки, спасибо, то что надо!

[@rus_kop]

Это наверное 10е видео которое смотрю по верстке и тут преподношение информации очень интрересное, позитивное, легко все воспринимается и хочется смотреть, в других я просто засыпал от монотоности речи, сложно было сосредоточится сидеть и слушать и очень хорошо когда видно человека, это удерживает внимание.спасибо большое!

[@ТатьянаШакаль]

Спасибо! Урок просто невероятный! Очень доступно и информативно!

[@TRIZ-Bogatyregold]

Света ты крутая наставница по верстке! Как говорить Димыч, летим в космос )) Всем начинающим прогерам желаю в первую очередь трудолюбия, удача у вас уже есть, потому что вы пришли в правильное место. В Инкубаторе вас точно научат писать код и вы устроитесь на работу!

[@ziapa]

Света как всегда красотка!)

[@dimka3453]

Как же приятно было смотреть и делать. Спасибо за курс☺

[@Ramzik_1]

лучшая, спасибо большое за видео. Побольше бы таких видосиков было на канале у вас)))

[@ga-julik]

Очень информативно! Спасибо

[@ЕвгенийГончаров-ъ2я]

класс

[@Iris-i-r-i-s]

❤

[@ИгорьВитальевич-п3х]

мы уже делали этот макет! давайте другой сделаем!😀

[@chaatGPT]

.header-wrapper{ display: flex; justify-content: space-between; align-items: center; height: 100%; } У .header-wrapper ведь родитель класс .container почему он выровнялся по центру в блоке header когда дали значение height: 100%; он должен был выровняться в класс .container или я че то не пойму, ведь в класс .container другие значения.

[@СветланаДябло-г1т]

У .container тоже height:100% (от родителя - header)😊

[@chaatGPT]

@@СветланаДябло-г1т точно, спасибо )

[@СергейРогожин-ф3у]

Света, плиииз, подскажи, как сделать в футере li-шки, чтоб они при сжатии экрана устанавливались в две строчки по 2 штуки. А то у меня в первой строки три лишки, одна переносится, или в четыре строки по одной.

[@chaatGPT]

@@СергейРогожин-ф3у надо для родителя элементов задать wrap. и для всех li flex: 0 1 50%

[@chaatGPT]

@@СергейРогожин-ф3у Пример /* flex-контейнер */ .block__row{ display:flex; flex-wrap:wrap; } /* flex-элемент */ .block__element{ border: 5px solid #5e5373; flex: 0 1 50%; } /* flex-элемент №1 */ .block__element_1{ } /* flex-элемент №2 */ .block__element_2{ } /* flex-элемент №3 */ .block__element_3{ } /* flex-элемент №4 */ .block__element_4{ }

[@ВроцлавПольша]

a -teg -ankor