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

[@vladimirpuzey713]

Лучшее объяснение свойства display на youtube!!

[@temofart]

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

[@ОлегПрикол-ю9э]

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

[@andreiBylkin]

@@ОлегПрикол-ю9э чьи курсы, если не секрет??

[@protagonist_proradersnion]

ЧЕЛ,СПАСИБО ОГРОМНОЕ,ПРОДОЛЖАЙ В ТОМ ЖЕ ДУХЕ,САМОЕ ЛУЧШЕЕ ОБЪЯСНЕНИЕ ДАЛ,ЭТО ШЕДЕВР,ЖЕЛАЮ ПРОЦВЕТАНИЮ КАНАЛА!!!))Я наконец разобрался в том,что так долго не мог запомнить)Спасибо тебе!))

[@ОлегКозюра-в1к]

ты просто сказка, за 1 видос понял то, чего не мог понять неделю, может не так объясняли или ещё чего, но я прям многое догнал всего лишь за одно твоё видео, спасибо

[@ultraduck100]

не знал, что у Мармока есть канал по верстке

[@СаняЯкименко-в4л]

Монтаж помогает расслабиться , спасибо за best tutorial

[@prostoprofi4385]

Спасибо очень помог всё просто и понятно! То как вы подаёте материал это самый лучший и наглядный способ для учащихся! Продолжайте !

[@ДашаКороткевич]

лучи бобра тебе, ты оч крутой, надеюсь, ты никогда не забросишь это дело) спасибо

[@lisov1k492]

На Марсе классно) Спасибо за понятное объяснение.

[@scankomp241]

за пару сек я исправил ошибку блока кнопки посмотря твоё видео, ПОДПИСКА 🙃

[@cam-onchannel]

На Марсе классно 🔥🔥)))

[@sndk2267]

Очень полезное видео, всё понятно объясняешь, препод объясняет не так, приходится самому досматривать. Подписка и лайк однозначно !!!

[@deolvap]

Спасибо за видео! Приятно слушать, всё понятно.

[@_goldmanv5925]

Лайк за "Тесто" - )) и еще один лайк за хорошие объяснение. Автору огромное спасибо!

[@desenchantee7]

Спасибо! Это была самая понятная для меня подача!

[@ОлжасТольмухамет]

помог понять тему, которую другие разжевать не могут, спасибо

[@andreiBylkin]

Кайф! Приятно разбираться в верстке под такие уроки :)

[@screemer949]

Чувак, спасибо! Очень полезная инфа

[@Idamshop]

многое понял, просто и доступно объяснил

[@polinaevtuhova8247]

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

[@kasparbiekies186]

под такую музыку прям и хочется заниматься!)

[@андрейандреев-к6о9ж]

Спасибо большое, так понятно все разложил!

[@denisromanyuk729]

Красаучек, я с тобой за пару дней столько понял... Теорию сам читаю в инете, а тут свего рода практика. Сенк!

[@temofart]

Спасибо✌️

[@шахбозгадоев-б9щ]

нет вопросов проста шикарная объяснение спасибо

[@ЕвгенияЛукушина]

очень развернуто , за это спасибо в двойне. посылаю лучи добра)

[@jaspery33]

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

[@АртемКолчин-н3о]

Это самое понятное объяснение!!! Благодарю!

[@dmitry_kolom]

Спасибо, за такое качественное объяснение

[@sokolovoleh]

Огромная благодарность!

[@romanpit4you361]

Спасибо, все подробно и понятно!)

[@vollyyaa]

Бро, спасибо четко точно лаконично)))

[@admiralalamin]

как же классно, спасибо тебе, удачи!

[@benotepanyan9464]

Ну несмотря на этого большое спасибо тебе, очень аккуратно обясняешь,,,!!!

[@issssam5853]

спасибо за объяснение

[@Mayhem888]

Спасибо! Очень помогло в понимании!

[@leonidpogojii9649]

Хорошее видео, лайк за нойза в конце

[@АнтонВалов-к1ч]

Большое тебе спасибо,легко понимаю твои уроки

[@dom_Poerinionte]

Четко, внятно, понятно. Спасибо!

[@OliverFeliz-x5]

Оч круто! Спасибо!❤

[@zardima8123]

однозначно лайк

[@runup1569]

Спасибо!!! всё понятно

[@nursayazhanabay353]

Спасибо большое ✨✨✨♥️

[@НиколайКарасев-н8к]

Подписка. Однозначно.

[@irinachepurna6013]

Спасибо большое за доступное объяснение материала. Все очень понятно и просто :)

[@shanthakobyan3578]

sposibo otlichno obyasnil

[@izobretateldobra]

Очень доходчиво! Благодарю. Пошёл переделывать лендос )

[@АлтынайШангитбаева-ч7с]

Лайк классно обьясняет

[@Nataly90mak]

спасибо большое! Все очень доступно для понимания.

[@sandusgoga9676]

Прекрасно!Благодарю👍

[@GennadiyDchamanov]

спасибо просто и доходчиво

[@ДмитрийСоловьёв-е4б]

Круто объясняешь молодец👍

[@anastasiiah2784]

super!! spasibo

[@НойзЮтуберович-л8з]

голос как у мармока) пасибо, очень помог!

[@firekeeper7461]

Если бы я захотел создать рыцарский орден программистов, то ты бы заслуженно возглавил его. Я посмотрел меньше минуты видео И У МЕНЯ УЖЕ ПОЛУЧИЛОСЬ ТО ,С ЧЕМ Я БИЛСЯ ЧАСОВ 6, в то время как другие гайды ничем не помогали. Счастья тебе и всего замурчательного~

[@temofart]

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

[@lifelive7078]

👍👍👍👍👍

[@mrvktr8721]

оч круто, респект

[@sanya8158]

Спасибо большое, хи

[@gigoshkin]

Спасибо, очень помог, все описано подробно, но мне кажется камера по среди экрана мешает

[@w1erley]

Очень понравилось, спасибО!!

[@АлексАлексеев-и3с]

что за редактор кода у тебя?

[@konglomora227]

За Нойза отдельный поклон

[@НиколайКовальчук-м5и]

Спасибо.

[@MyakishMops]

Спасибо

[@arturperel]

А если задавать max-height, как сжать текст, есть ли такая возможность?

[@SlarkShark31415]

все отлично, только музыку нужно тише и без слов

[@EvilGazz]

Спасибо!

[@sweetsforsweets6488]

Добрый день ! У вас есть уроки по JavaScript ? (интересуюсь созданием поисковика по сайту )

[@АлександрБагров-к9х]

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

[@andrew2340]

👍

[@jugo-stream]

годный контент 👍

[@АнастасияМарьясова-й9ц]

Каеф, спасибо!

[@nikitadv777]

Я бы хотел узнать, после изучения HTML и CSS нужно учить JS или PHP? Или вообще план обучения должен быть иным?А также, когда начинать учить Bootstrap или что то подобное? Заранее спасибо!

[@temofart]

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

[@СергейЖеломский]

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

[@temofart]

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

[@kristinagevorgyan1095]

Thank you

[@Makswell-oo5gu]

Давай так же понятно о JavaScript)

[@bpospanov]

очень хорошее видео, бро. только не видно стили из-за вебки)

[@Bakytov]

Простите за глупый вопрос, если блочный элемент занимает всю строку как тогда float подстраивает их в одну строку

[@андрейандреев-к6о9ж]

Можно попросить сделать обзор как сделать адаптивное меню с бургером!?

[@sulejmanpovelitel1220]

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

[@sweetsforsweets6488]

Подскажите, у меня 9 маленьких блоков в одну строку. Как сделать чтобы при уменьшении браузера, те блоки которые не влазят= скрывались ???

[@temofart]

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

[@sweetsforsweets6488]

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

[@temofart]

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

[@sweetsforsweets6488]

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

[@sweetsforsweets6488]

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

[@freedomjustice7069]

Кто нибудь знает что за программа или дополнение через которую ты смотришь полученный результат как у автора ?

[@temofart]

Live Preview

[@lilokino94]

Вот этот пырень понятно объясняет

[@IvanKeats-q3q]

11:50

[@arturperel]

А где grid, flow layout

[@temofart]

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

[@КотМатроскин-х9ь]

капец Чарли Дэй знает CSS

[@miragadzafarli1014]

добавь код блоков что бы скачали . У меня не работает ((((

[@CloudWalker-x2z]

Спасибо, но было бы лучше без фоновой музыки, мое мнение.

[@temofart]

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

[@denpro9712]

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

[@temofart]

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

[@good666fella]

Спасибо, помог!!

[@paulblog2438]

Спасибо))

[@zacktherussian3617]

фанаты гуфа и центра сразу видно)

[@maximmaximov1038]

Очень хотелось бы знать : как и в каких случаях текст влияет на размеры блока и как он (текст) может менять эти размеры?

[@КотМатроскин-х9ь]

капец иван ургант второй канал открыл

[@hologramprint6292]

прикольно, но почему квадратик с вашим лицом заслоняет весь код css) но про флекс всё доходчиво! спасибо лайк

[@temofart]

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

[@Assikokda]

ничего не поняла

[@vr4836]

фон громковат

[@nicksakovich6500]

!!!

[@8dog574]

+

[@benotepanyan9464]

Привет братан, извини, но flex-direction:row, column, row-reverse, column-reverseвсё про этих фишек забыл говорить!!!!

[@pogram1st]

Ты случаем не брат мармока?

[@temofart]

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

[@pogram1st]

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

[@MaratHighlander]

Ну ёёёмаё, нам видос нужен а не ты)))) Весь код перекрыл лицом, ппц.

[@pogram1st]

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

[@MaratHighlander]

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

[@pogram1st]

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

[@myganter]

Кто-нибудь отключите эту музыку!!!!!!!!!!!!!!!!!!!

[@alexandrmoskalev8642]

Контент хороший, но зачем эту убогую музыку было вставлять?

[@temofart]

Потому что она мне нравится)

[@alexandrmoskalev8642]

@@temofart это хорошо), но она отвлекает...Особенно когда слова в середине появляются, и не понятно кого именно слушать)

[@ДмитрийДавидович-у6з]

Ничего не понятно