Основы верстки. Как верстать контейнер 

Нам нужно больше туториалов!молодец)

Благодарю за туториал, до сих пор не знал о таких фишах. Продолжайте в том же духе Антон!

Хочется ещё больше PRO-кейсов по сложным элементам UI, блокам карточкам, меню, ...

про контейнер я знал, а вот чтобы оно норм отображалось на мобилках. моё почтение. автор довольно крутой. теперь буду делать контайнер как у него видео респект тебе от web разраба :)

Большое спасибо за качественные уроки!

Спасибо. Буду ждать новых видео

Антон, так держать! Продолжай заливать новые видео.

Полезное видео..с доступным обьяснением

чотко!!! Лайк от СЕООНЛИ

Респект Антоха, удачи в продвижении😉

Есть одно но,оно очень большое.Дело в том что ,на разных медиа устройствах ,разные браузеры,и у всех этих браузеров ,по умолчанию выставлены свои стили,и мало того,уже давно,многие мобильные браузеры имеют встроенные стили для отмены стилей ,которые идут в месте сайтом.А чтоб хоть как то сохранить свои стили,есть такой файлик .access Там нужно прописывать правила ,для каких устройствах иметь отображения,так что очень геморойное дело.Хотя я еще не видел не одного сайта,которой нормально отображалось в мобильных устройствах,все с косяками).Поэтому лучше для мобилки,верстать отдельно,дабы не болела голова))

Спасибо за хороший туториал

Лайк и подписка сходу..Продолжай не забрасывай канал

полезно,спасибо

Спасибо))

спасибо большое очеееееень доступно

Внатуре четко

спасибо!

thanks great

а вопрос нахера столько всего, если достаточно селектором атрибута определить классы включающие в себя контейнер. для нормального контейнера не нужно никаких медиа запросов и классов, просто ограничение по максимальной ширине, а так как контейнер это блочный элемент, то он по-умолчанию 100% ширины, дальше мы его центрируем марджином и делаем фиксированый паддинг на всю верстку, который будет отлично отображаться везде. Все это делается меньше чем за минуту и все адаптивно и надежно

Ух ты, отличное видео! А как относишься к системе Битрикс?

Здравствуйте. Будьте добры, подскажите причину того, почему у мея перестали работать правила css: сolor, background, backgroung-color, все отвечающие за цвета.Пользуюсь VS Code. Нигде не могу найти ответа. Зарание благодарю.

2:18 а есть разница между {width: 100%; max-width: 1000px;} и {max-width: 100%; width: 1000px;} ? можно max-width: 90%; чтобы били резиновые падинги

Благодарю за видео. Есть вопрос по разрыву контейнера: Не проще было просто применить класс "container" к нужным блокам, а не писать лишние строки кода? Ведь по сути разрывом вы применили класс "container" к первому идущему по порядку блоку и последнему. Результат тот же.

А общий wrapper макета тоже нужно ограничивать ?

Еще бы неплохо было б выложить код с урока на гитхаб или на диск какой-нить....

Смотрю тебя и понимаю что ты сам Джун

А что ты используешь, чтобы менять размер окна под разные устройства?

12:05 сначала идёт mobile-first, а потом бабах, на тебе max-width

Говорю тебе как Фронтенд разработчик, ты не прав. Контейнер нужен только для того, чтобы большинство сайтов, когда просматриваются на ШИРОКОМ экране, типа монитора, глаза не бегали по экрану из стороны в сторону. На планшете и мобильном устройстве, нет такой огромной ширины, чтобы это вызывало дискомфорт. Достаточно добаить дополнительный паддинг по сторонам, чтобы при пересечении порога максимальной ширины текст не упирался в границы экрана. Стандартом на современные сайты служат 2 величины 1200px и 1000px максимальная ширина контейнера, дальше, сайт сжимается с помощью медиа-запросов, так называемая резиновая или адаптивная верстка. Контейнер в них никто не вкладывается, т.к. это просто не нужно по причинам указанным выше. Все что ты написал делать можно, но зачем?

чот я не въехал, а где прописаны стили для outer_container, которые типо нужно отключить, чтобы не было этих отступов

Я верстаю таблицами и считаю это лучший вариант на 2к23

Не знаю уровень поддержки клампа на момент выхода видео, но в конкретном примере не нужен ни 1 медиа запрос

3:50 23-27 строчки При экранах больше 768px ширина контейнера не больше 768px ?