CSS Display свойство. Разбираем типы отображения block, inline-block, flex.  

Worcester Souse рад слышать🙂

@@temofart не только на ютьюб, прохожу курсы платные там эту тему не понял, перечитал уже раз 5, а тут с одного видео все сразу стало ясно, спасибо!

@@user-lg5ze7vd4o чьи курсы, если не секрет??

Зачем было в видео вставлять себя? Закрывает некоторые функции кода и примеров

Спасибо✌️

Спасибо за такой отзыв😊🔥🤙

Когда знание верстки будет на хорошем уровне ты сам начинаешь понимать что тебе дальше нужно. А хороший уровень - это когда ты уже работаешь в компании либо стабильно берешь заказы на фрилансе по верстке. Прыгать в программирование раньше , чем освоил верстку нет смысла, мое мнение

@@temofart со знанием одной лишь верстки тяжело устроиться в компанию(((

@@user-fy2yl5ri3l Согласен, что не просто, но такие вакансии есть. Я сам пришел в компанию еще будучи просто верстальщиком, хотя на фрилансе выполнял заказы на WordPress . Об этом стоит рассказать больше, есть несколько путей развития. Либо пойти по пути Vue/React, либо научиться работать с CMS типа вордпресс. Каждый из вариантов имеет свои преимущества и недостатки. Но смысл в том, что все это невозможно освоить не научившись верстать.

Live Preview

Свойство overflow-x скрывает все, что выходит за пределы элемента.

@@temofart Ого как оперативно )) Спасибо. Но появилась проблема, он просто обрезает блоки по краям. А хотелось бы чтобы чтобы он их целиком не показывал если не влазеет .

В вёрстке такой возможности нет. Но и сам вопрос звучит необычно, возможно нужно другое решение. Например, чтобы в адаптивной вёрстке все влезало, а не пропадало) или с помощью медиа запросов можно описать поведение всех блоков на каждом этапе, даже если нужно их по очереди убирать

@@temofart Просто передо мной стоит задача - Разместить 12 (маленьких) блоков во всю ширину экрана одной строкой. Нельзя использовать js, только css и html При изменениях экрана все должно работать корректно, блоки растягиваться на всю ширину, а те, что не влезают - скрываться. Ничего подсказать не можете ?))

@@temofart А если написать flex-wrap: wrap; (то есть перенести все что не влезает на вторую строку, а вторую строку скрыть )Так получится ?

Спасибо. Видео в ютубе - творчество, поэтому хочется делать так, как нравится. На любое творчество найдутся те, кому нравится - а кому нет)

Sweating Поддерживаю комментарий. Музыка очень мешает и отвлекает. Без неё было лучше. Это вообще странная мода, ставить музыку фоном, при объяснении важных принципов.

Музыка держит в тонусе, скучно же. Я, например, работаю под музыку, решая сложные задачи, как и многие мои коллеги. А в офисе столько посторонних звуков, что музыка будет лучшим вариантом среди них, нужно научиться фокусироваться на задаче отключая в голове все лишнее)

Я старался, чтобы нужный код было видно. Но в любом случае это первые видео, дальше я изменил подход)

Попробуй найди другое видео по этой теме

3 года назад использовать в продуктовых проектах гриды было рано, а новичкам знать все сразу необязательно.

Та не похожи мы )

@@temofart но голос ощущается :>

Зачем тебе код? Он объясняет для чего нужен код, ты должен быть уже с ним ознакомлен.

@@kuskauu2946 Капец ты Эйнштейн.

@@MaratHighlanderУдачи по пути програмиста)