HTML & CSS Урок 16. Верстка сайта часть 2 - StudioProWeb

Показать описание

Привет, друзья! С вами StudioProWeb. В это уроке мы продолжаем верстку шапки нашего сайта и в этом видео мы займемся адаптивной версткой шапки нашего интернет магазина с помощью медиа запросов, а также сделаем бургер меню.

Не забудь подписаться на наш канал, чтобы не пропустить новые видеоуроки:

По всем вопросам, ждём Ваших писем:

Рекомендации по теме

Комментарии

Я очень вам благодарна! Вы большой молодец, по вашим видио обучаюсь, все понятно и доступно!

nigarabazarova

Для тех, кто будет смотреть после меня. После того, как поключите новый файл css НЕ ЗАБУДЬТЕ ЗАПИСАТЬСЯ! Иначе будут ошибки.

ЮлияЛебедева-би

Почему настройки, которые мы задавали для экранов шириной 1199рх и 991рх у меня начинают работать только при ширине экранов 1198рх и 990рх соответственно?

vladimirgurenko

У кого проблема, спустя несколько минут ковыряний, понял что не сохронил код в Html, следавтельно новый путь к стилю не было видно проблема решина)

AsiaMotorskhv

Почему, когда мы обращались к пунктам меню, чтобы добавить, или убрать марджины, мы один раз писали header .menu, а другой раз — header .container .menu a ? Имеет ли значение, как именно нужно обращаться к элементам?

vladimirgurenko

Имеет ли значение очередность элементов, с которыми мы работаем в css? Если да, то как ее определить?

vladimirgurenko

я думал у меня у одного проблема с 992, виж у многих возникла проблема

AsiaMotorskhv

Здравствуйте, а почему у меня при переносе поиска (header form div) на ширину 991px, все еще действует ширина поиска для 1199px и поиск не расширяется, хотя делал, как на видео

hanktmish

21.07 Надо 0px дописать, тогда подхватиться

nikolayts

Здравствуйте! Столкнулся с проблемой при адаптации под другие разрешения экрана. Я для d-flex использовал justify-content: space-between. Однако при уменьшении разрешения с 1200 до 400 пикселей, я хочу получить выравнивание для 2 блоков по правому краю (для меню и кнопки бургер меню), а выравнивание лого хочу оставить по левому краю, то есть фактически требуется отменить justify-content: space-between, но я не особо понимаю, как это сделать. Можете подсказать?

danilyusupov

Доброго времени. А школа еще существует? На сайт зайти я так и не смог.За видио спасибо очень доходчиво.

СтепанРосляков-фь

Здравствуйте, что делать если display: inline-block не работает?

_mcrey_

Аналогичная ситуация. Почему автор видео не отвечает на предыдущее замечание?

grigoriyfomenko

HTML & CSS Урок 16. Верстка сайта часть 2 - StudioProWeb

ОСНОВЫ HTML - урок 16: Как подключить стили к HTML-документу || Все способы подключения CSS...

Основы HTML / CSS. Урок 16. Блочные и строчные элементы

CSS. Урок 16. position

Вёрстка модального окна HTML,CSS | Урок 16

How to HTML/CSS: Урок 16. Как использовать классы и идентификаторы в CSS...

Урок №16. HTML/CSS для початківців

Nice курс по HTML/CSS. Урок 16. Favicon, box-shadow

CSS УРОК 16 - Float и Flexbox

Best Python & Full Stack Python Training in Hyderabad | Hyderabad 2025 #prasannanit

Курс HTML и CSS - Стилизация footer сайта с помощью css [Урок 16]

Курс HTML - Урок №16. Элемент выбора в форме (селект).

Урок 16 Что такое формы HTML и как их написать

HTML5 для начинающих / Урок #16 – Специальные HTML5 теги

Урок #16 | HTML CSS | Верстка макета с помощью Bootstrap | Подключение слайдера Swiper | Google Maps...

HTML. Урок 16. Static and dynamic websites

css animated circle with button hover html #shorts

CSS урок 16. Тень текста

HTML & CSS Урок 16. Верстка сайта часть 2 - StudioProWeb

How to HTML&CSS. Урок 16. Как создать форму с полями для ввода логина и пароля с помощью HTML и ...

Mouse Move Effect Pure CSS ❄ #shorts #css

Switch Light & Dark Button 🔳 #shorts #css #coding #code #programming #html

GoToWeb - Видеокурс Html и Css, урок 16, Единицы измерения в web, пиксели, проценты, em, rem, vw, vh...

Aku ketika lagi bikin CSS

[Основы HTML и CSS] Урок 16. Display и его значения inline, block, inline-block, none....