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

No video

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

Рет қаралды 8,620

Күн бұрын

Разберём базовые принципы работы с CSS и HTML на практике - на занятии мы сверстаем красивую страницу и сделаем её адаптивной
Занятие будет интересно в первую очередь новичкам и тем, кто имеет лишь небольшой опыт в вёрстке.
Макет
www.figma.com/...
Наш instagram / it.incubator
Наш новостной канал в телеге t.me/ItIncubat...
Бесплатные вебинары it-incubator.r...
Обучение в IT-INCUBATOR:
FRONT it-incubator.i...
BACK it-incubator.i...

Пікірлер: 19

@user-pp4cm7wk3e Ай бұрын

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

@rus_kop 9 ай бұрын

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

@ziapa Жыл бұрын

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

@TRIZ-Bogatyregold Жыл бұрын

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

@dimka3453 9 ай бұрын

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

@Ramzik_1 10 ай бұрын

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

@ga-julik 8 ай бұрын

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

@user-rm1dj7sk4c Жыл бұрын

класс

@user-xl6ho9ff4j Жыл бұрын

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

@Iris-i-r-i-s Жыл бұрын

❤

@chaatGPT Жыл бұрын

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

@user-oc6pt2rj6k Жыл бұрын

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

@chaatGPT Жыл бұрын

@@user-oc6pt2rj6k точно, спасибо )

@user-ts7bo2lk9s Жыл бұрын

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

@chaatGPT Жыл бұрын

@@user-ts7bo2lk9s надо для родителя элементов задать wrap. и для всех li flex: 0 1 50%

@chaatGPT Жыл бұрын

@@user-ts7bo2lk9s Пример /* 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{ }