#6 Верстка сайта с нуля для начинающих | HTML, CSS

Подписаться 177 тыс.

Просмотров 92 тыс.

50% 1

Продолжаем наш курс по верстке сайта с нуля для начинающих! В этом видео продолжаем верстать сайт и практиковать верстку сайтов используя только HTML и CSS! Сверстаем еще несколько блоков нашего макета, продумаем структуру новых блоков и сверстаем их используя flexbox и многое другое!
------------------------------------------------
Основы HTML и CSS для начинающих: brainscloud.ru/landing/html-css
Верстка сайта транспортной компании: brainscloud.ru/landing/logist...
Файлы урока: files.brainscloud.ru/file/mog...
------------------------------------------------
Меня зовут Дмитрий Валак. Я занимаюсь разработкой сайтов уже много лет, специализируюсь больше на front-end разработке и верстке сайтов, но и программирование тоже изучаю. Здесь буду делиться с вами информацией на разные темы по веб-разработке - HTML, CSS, Javascript, JQuery, Vue, PHP, MySQL, React, Gulp и тд.
На сайте проекта brainscloud.ru вы найдете много полезных закрытых материалов, а так же сможете поработать со мной лично, при наличии такого желания.
------------------------------------------------
Мой ВК - odimaz
Группа BC - brainscloud
Мой Instagram: / dmitryvalak
#верстка #версткасайта #html #css #css3

Опубликовано:

3 мар 2019

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 176

@oksanaaleksejeva2564 3 года назад

Нереально офигенные уроки, я будучи в коллегии никогда бы столько не научилась. Настолько умно и хорошо объясняет что информация просто сама остается в голове

@Vitamin42rus 4 года назад

Дойдя до этого урока уже пользуюсь твоим видео как проверкой и подсказкой, в большинстве справляюсь сам. Спасибо Cенсей:D

@o.kiryukhin 3 года назад

Аналогично. Верстаю сам, а потом смотрю как верстаешь ты

@Snatcher. 4 года назад

Усли у кого-то возникли проблемы с последним разделом clients и элементы идут в один ряд, а не в два, то поможет box-sizing: border-box; приписанный к clients__item. Долго не понимал, что не так.

@ErnestGaliullin 3 года назад

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

@Snatcher. 3 года назад

@@ErnestGaliullin Тут в другом проблема. У меня не хватало запятой в начале страницы, где он задавал для всех элементов box-sizing (10 строчка CSS). получается, у нас он не работал и пришлось его добавлять этому разделу еще раз.

@MrYork 3 года назад

отдуши пасиба

@Irek_Mustafin 3 года назад

Блин, вот это реальное спасение)) А то второй день нифига не понимал: все делаю точь-в-точь как у него, а выходит все в одну строку

@alexstrong603 5 лет назад

Очень крутые уроки! Благодарю за то, что делишься своим сжатым опытом.

@allabott8128 4 года назад

PRO TIP: Чтобы не страдать с картинками - выделяем два слоя, например для первой картинки с мужчинкой, это слои Layer 26 и Rectangle 17. Затем CTRL+C - CTRL+N - ENTER - CTRL+V. Вы скопируете изображение такого размера как в макете, при копирование вы добавляете изображение в буфер обмена, фотошоп автоматически создает шаблон с последними параметрами из буфера обмена, он первый, пожимаете энтер и вставляете изображение в новый документ. Вуа-ля картинка готова. Без резаков, быстрых выделений и смс.

@TheYaroslava09 3 года назад

чувак, спасибо большое. никак не могла вспомнить этот способ. облегчил жизнь

@user-pl2bb9zu2o 3 года назад

вот это читтерство)))) спасибо огромное)))

@T1nWalk 4 года назад

Спасибо! Не переставайте снимать новые обучающие видео. У Вас это хорошо получается.

@ErnestGaliullin 3 года назад

Прохожу уже 5 урок по верстке за второй день, уже понимаю что я даже в процессе верстки начал мыслить как Дмитрий, я название классов и действий уже на перёд предугадываю. Спасибо Дмитрий я проявленую работу!

@stanislavsemenenco8425 3 года назад

как успехи спустя 2 месяца?

@user-eu4zu7wf5i 3 года назад

@@stanislavsemenenco8425 а у тебя спустя 5?

@stanislavsemenenco8425 3 года назад

@@user-eu4zu7wf5i да так не очень, слишком много дел было за эти пол года, немного вёрстку поучил, немного js, но Овер мало, сейчас лето скоро планирую за 3 месяца получить и работу найти, друг мидл говорит что вполне возможно

@user-qi5yn3ph1c 2 года назад

@@stanislavsemenenco8425 как дела у тебя, дядя?

@falafelfalafelnii4851 Год назад

@@stanislavsemenenco8425 как у вас успехи?

@user-yl5xn4si7k 4 года назад

Дима, давай больше мастер-классов! Лайки тебе обеспечены!!! Спасибо за труд!!!

@trendsgallery Год назад

Очень нравится как именно ты работаешь. После твоих уроков, переходил на уроки Фрилансера по жизни. 1в1 Адаптивная вёрстка для начинающих. В моем случае, твой контент оказался в 10 раз понятнее и приятнее. Ощутил кайф, когда вернулся именно к тебе. Твои методы и способы более простые для понимания , плюс у тебя нереально крутая медленная спокойная подача с низким голосом. Респект!

@thekamol 5 лет назад

Просто Вау! Спасибо большого!

@pepega_blue 2 года назад

Дмитрий, спасибо. Я вам безмерно благодарен за эту серию видеоуроков. Вы прекрасный специалист и мы (зрители-новички в вёрстке) мечтаем быть похожими на вас. Ваш труд характеризуется русской поговоркой "дело мастера боится". Удачи вам во всех начинаниях и побольше отдыха от работы 🔥

@Burovasofia Год назад

Ваши уроки самые полезные!!! Спасибо за Ваш труд!

@DmitiyIgorevich 4 года назад

Спасибо огромное за проделанную работу!

@user-bo2fn9ye6b 3 года назад

Действительно хороший материал для изучения.

@user-qb2sw1ks6l 3 года назад

Респект от души) Несколько лет занимаюсь дизайном, решил уйти в верстку и давно не получал такого количество знаний и удовольствия от уроков. Сначала просто повторял за тобой, но к этому уроку информация в голове начала структурироваться и я начал понимать как все работает) Большое человеческое спасибо. Переверстаю весь твой плейлист по верстке)

@Jerry161188 3 года назад

Дмитрий, спасибо! Всё оч круто) Учусь))

@romanro8630 3 года назад

Большое спасибо за урок!

@sabatonbaton6105 3 года назад

Спасибо за уроки :)

@pogios 3 года назад

Спасибо за урок!

@user-yb9uf8uz8k 4 года назад

Большое спасибо за очередной урок, всё отлично получилось.

@MrZorg23 5 лет назад

Очень круто!

@ngnko 2 года назад

Spasibo za urok, teacher!

@elifas2012 4 года назад

Классно, спасибо!

@grow_down676 4 года назад

Судя по лайкам челики не доходят до конца. Вопрос...как я дошел до конца?(почти) Кстати автор спасибо за видео, после твоих курсов начал делать сайт по тематике игр, а если точнее по продаже игр. Спасибо)

@KuKu_RuKu88 4 года назад

Спасибо. Все супер!!!

@maratiosmirovio3128 4 года назад

Большое спасибо!!

@pathematic2221 3 года назад

Спасибо большое!

@user-vw8zv1sk9y 3 года назад

Спасибо за то что ты делаешь, очень помог, обнял

@martynov96 5 лет назад

Контент - бомба 💣

@BrainsCloud 5 лет назад

бум!

@Sun2rw Год назад

Привет. Спасибо за курс. Просмотрел и всё повторил. Всё было очень круто. Лайк, подписка, однозначно.

@sergsergey4251 4 года назад

Спасибо! отличные видео, идём дальше) в первом видео были бы полезны (для новичков как я) ссылки на видео "как оформлять html", "css", "как работать с атрибутами"

@progerlife6690 5 лет назад

ООоооо Димон вернулся!!!Уроки супер. Спасибо лайк и подписка. Было бы прикольно если бы Дима випустил курс по Less для начинающих вообще тема!! Спасибо!!!

@BrainsCloud 5 лет назад

Programmers что-нибудь придумаю )

@user-lq9yu7gr1n 4 года назад

Спасибо)

@_x_play2356 2 года назад

Отличные уроки

@rawso1185 5 лет назад

В блоке works с правой стороны картинок вылезает градиент. Исчезает если заменить max-width: 100%; .works__image{ display: block; transition: opacity .2s linear; height: auto; max-width: 100%; } на просто width: 100%; .works__image{ display: block; transition: opacity .2s linear; height: auto; width: 100%; }

@keelk9317 4 года назад

@@andreymtrx8368 При max-width: 100%; если суммарная 100%ная ширина картинок меньше ширины экрана, то картинки не вплотную прилегают друг к другу, а стоят столбиками и градиент вылезает. При width: 100%; картини растягиваются на весь экран, даже если изначально они мелкие.

@alexandr6512 4 года назад

мне помогло убрать padding у картинки , оставив max-width:

@alya0131 4 года назад

Спасибо большое, я всю голову уже сломала и искала где ошиблась

@user-od6vt2zu5d 2 года назад

спасибо, у меня тоже вылезало и помогло)))))))

@innakhomovska298 2 года назад

а у меня никак не исчезает полоса прокрутки, при этом если пишу max-width то вылазит градиент, если просто width 100% картинке, то полоса прокрутки...Может кто поможет?

@tanyamarushka7251 2 года назад

Спасибо!

@PiterProduction Год назад

Спасибки))

@pisaka3260 4 года назад

Охуенный курс!!!! После освоения цсс маст хев руководство по верстке. ховеры трансишоны в других курсах тупо повторял за автором мало чего понимая. А тут же когнитивный дисонанс какой-то, вроде и обьясниш теории меньше чем они, но всеравно понятнее как то. После этого курса наконец-то сверстаю 2-3 макета самостоятельных, да пойду JS осваивать. Еслиб не каранавирус задонатил бы, но шабашек нет сорт подери.

@user-fm5zi3hl7p 2 года назад

смотрю сейчас данный курс видео и случайно узнала, что сегодня у Дмитрия день рождения. С Днем Рождения!!!

@BrainsCloud 2 года назад

Спасибо!

@clickabelno 4 года назад

мои поздравления с наступившим праздником!!)

@Yakyzzza93 3 года назад

10Q !=) Мы все тоже счастливые клиенты Дмитрия Валака)

@EpicKeyz 5 лет назад

Спасибо за туториалы! Почему в блоке Happy Clients для имен, к примеру, Matthew Dix и других, а также должностей, вы не используете подходящие для этого ранее прописанные классы?

@anton.moldakov 3 года назад

Может ты знаешь такой способ, но скажу на перед . В слоях находишь нужное изображение, пишешь егоимя.png или .jpeg, затем Файл-генерировать набор изображений, в папке с проектом будут нужные картинки оригинального размера. Без лишнего геморроя с вырезанием

@yaroslavbulavin3613 4 года назад

Автор молодец! Большая тебе благодарность) только к .reviews_text нужно добавить padding-top: 5px;(чтоб текст был по центру от картинки)

@Denny_Ivanov 4 года назад

.clients__text:before {margin: 20px 0 30px; /*Или так=)*/

@kanatb9964 3 года назад

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

@mikhailgrinchenko5541 3 года назад

Классный урок, спасибо большое. Потихоньку нарабатываю практику в верстке. Скажите пожалуйста, почему вы не используете быстрый экспорт PNG в Фотошопе? Вроде это удобней. Может какие-то нюансы есть которых я не знаю. Еще раз спасибо!

@user-ry5my7rd5k 4 года назад

Привет! Спасибо за уроки! Я хотел спросить по поводу картинок, тут их вырезаешь из макета, а в оригинале в макете размеры больше, может лучше оригиналы подгонять в верстку или без разницы?

@MrTayfunMC 5 лет назад

Прикольно

@yomzfka 3 года назад

Красава...

@kamronzoxidov2851 3 года назад

Спасибо брат , я у тебя учусь

@llllpavle 3 года назад

спс

@vatasi7312 2 года назад

Надеюсь потом сам хоть что то смогу сделать)

@user-es3rc8uf2q Год назад

Лайк

@dlazder3937 Год назад

Уроки просто супер очень много для себя узнаю, правда вот бы объяснений побольше... еть такой вопрос: Зачем при указании transition указывать ее например для opacity? если можно указать .2s linear без указания для какого свойства применяется?

@utkirkurbanov8241 Год назад

👍

@clickabelno 4 года назад

лайк

@kolosrodoskyi 4 года назад

пасиб

@tolybraunmusic 4 года назад

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

@user-kz4rr6fb3z 4 года назад

Я очень зеленый новичок (верстать три дня назад начала) и прошу совета. У меня в блоке воркс для фоток из первых двух колонок градиент при наведении курсора появляется, но он сдвинут на 1рх влево. Тоесть при наведении градиентом закрывается 99,9% картинки и справа проглядывается полоска в 1рх без градиента. Что это может быть? Для меня как для задрота это прям провал. Размер картинок проверяла, 480х390 у всех. При изменении размеров окна браузера проблема та же.

@ai-man229 3 года назад

если у кого-то проблемы с div'ом то попробуйте дать доп. класс на *container* в котором этот div находится. и по этому доп классу задайте *width: 100%* и *max-width:* _ширина вашего монитора_ пример: .container_works{ with: 100%; max-width: 1920px: }

@alexs8579 4 года назад

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

@elmaga4486 4 года назад

еба че так долго ну удачи тебе)

@TheDobermanTV 2 года назад

Дмитрий, картинки не обязательно вырезать скальпелем. Достаточно ПКМ по слою - Export As...

@MrKarlRadl 4 года назад

Если в браузере масштаб меньше 75%, то фоновый градиент начинает вылазить справа картинки

@yulya_vyazulya 3 года назад

Делай width у картинки 100%

@zxzzxxx 2 года назад

@@yulya_vyazulya пасибо 😅

@kawaki4639 2 года назад

23:45 давайте мы с вами возьмём пипетку :D

@robertzohrabyan3316 Год назад

а можно сделать так чтоб в поле logos при hover на логос показывали те же лого но с цветом #f38181 ???

@jakebrigance4807 4 года назад

Большое спасибо за современные уроки по верстке. Но, как мне кажется, здесь было бы лучше показать, как сделать так, чтобы любое изображение принимало размер блока, а не вставлять уже готовые по размеру картинки, тем более что в макете изначально картинки большие и наложены по обтравочной маске. Нашел решение такое: .works_img { height: 390px; max-width: 480px; object-fit: cover; не знаю, верное оно или нет, но отображается правильно. Единственное, что для одного вертикального изображения придется прописывать свой класс, а это, как мне кажется уже не совсем правильно?

@shrek967 4 года назад

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

@absolonsakkar4463 3 года назад

13:35 После ограничения ширины у меня перестал работать transition, что делать?

@maxsamodelkin 3 года назад

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

@BrainsCloud 3 года назад

это работает не так как вы написали, но это плагин emmet

@skyguy8039 3 года назад

Дмитрий, спасибо за эти уроки. У меня появилось несколько вопросов по верстке: 1) Почему в некоторых местах ты текст пишешь в div, а не в p тэге. Тем более, что в классе для текста ты его только стилизуешь стилизуешь текст. 2) Почему ты так часто используешь абсолютное позиционирование, вместо flex или еще чего-нить. Я слышал что это сейчас в моде но причину не знаю. Спрашивал у коллеги, он говорит, что те кто юзают абсолютное позиционирование говнокодеры, где правда?

@user-ml9lh7zn7d 3 года назад

Дмитрий-Сенсей, подписываюсь под 2 вопросом, тоже интересно. Зачастую по ходу уроков Вы демонстрировали разное решение той или иной задачи, но для absolute/relative вышло безальтернативно, может это вынесено в один из курсов?

@u_shaco 3 года назад

Если сделать в отзывах картинку в одном блоке, а весь текст в другом, и просто флексом рядом разместить без абсолютного позиционирования, разве не проще? Или будет какая-то проблема при адаптации?

@DerAleksey 4 года назад

Порядок параметров можно располагать в любом порядке, как удобней, или есть какая-то градация?

@user-up6es3nr6s 4 года назад

Это необязательно, если делаешь проекты как один разработчик, то это может только увеличить работу. Если работаешь в команде, может помочь. Статья css-tricks.com/poll-results-how-do-you-order-your-css-properties/

@jhonrambo2315 2 года назад

Подскажите пожалуйста.У меня все изображения в классе works, занимают ширину текста над ним,а должны растягиваться по всей ширине сайта.Перепробовал все что только можно,и даже полностью копировал html и css код автора, результат один и тот же, хотя его код показывается нормально.Догадываюсь что это проблема с самими изображениями или с кодом написанным в предыдущих уроках,но не могу понять где именно...

@jhonrambo2315 2 года назад

сам разобрался)закрывающий тег container'a закрывался аж перед самым концом секции, а должен был закрываться после заголовка и текста к нему.

@prikuplay 3 года назад

У меня на 27-м мониторе, cправа от картинок продолжается градиент, до левого края рядом стоящих картинок, а на маке нормально) Блок Works. Подскажите, как исправить?

@mbsorrowhy 4 года назад

Привет, у меня возникла проблема. При работе с классом .clients и тегом flex-wrap:wrap он перестаёт работать если я прописываю padding в clients__item(они просто встают в столбик). Если убераю padding то они встают в колонки но текст находит друг на друга.

@mbsorrowhy 4 года назад

Ошибки не может быть, я вставлял твой html и css всё тоже самое, убираю padding и начинает работать flex-wrap:wrap

@alexs8579 4 года назад

Croyzi 3 месяца назад у меня тоже такая проблема была, укажите в client_item: box-sizing: border-box

@Irek_Mustafin 3 года назад

Пропиши .clients__item {box-sizing: border-box; clients__item}

@mcjacksonoff 2 года назад

3:57 . А где можно подсмотреть объеcнение flex:1 1 0 ? ты его часто используешь. Как оно работает?

@BrainsCloud 2 года назад

htmlbase.ru

@user-cp9hz8fo7o 12 дней назад

здрасте. занимаетесь ли вы программированием до сих про?

@zMxxxxxxxxxx 3 года назад

От куда этот отступ за 8.35,подскажите пожалуйста.

@user-kw7tw2yo4x 4 года назад

Спасибо большое за видео уроки! Дошла до самого конца видео и в самом конце не вставляется фоновая картинка под отзывами, все прописано в коде с точностью как у вас((( после раздела: section--gray { background-color: #f8f8f8; } .section--clients { background: #f5f5f5 url("../images/clients-bg.jpg") centre no-repeat; -webkit-background-size: cover; background-size: cover; } и перед разделом: .section_header { width: 100%; max-width: 950px; margin: 0 auto 50px; text-align: center; Подскажите плиз, что может быть не так?((

@BrainsCloud 4 года назад

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

@user-kw7tw2yo4x 4 года назад

@@BrainsCloud Спасибо большое. нашла. Ошибка была в классе!))

@leoibra6296 4 года назад

Объясните мне пожалуйста, почему при уменьшении масштаба страницы, в блоке с картинками "SOME OF OUR WORK", класс work__col вылезает за пределы картинки. картинка уменьшается а градиент вылезает и занимает я так понял из-за flex 1 1 0 поровну 4 части экрана. это разве не ошибка? (масштаб страницы я уменьшаю потому, что мой масштаб в 70% равен вашему 100% Дмитрий, поэтому приходится масштаб окна уменьшать до 70%)

@markwahlberg9358 4 года назад

У меня тоже такая проблема, как решили проблему, подскажите пожалуйста :)

@user-qi5yn3ph1c 2 года назад

Ставьте width: 100%;

@user-qi5yn3ph1c 2 года назад

У .work__image

@nuriddinubaydullayev9512 4 года назад

works: margin-top: 105px забыли?

@user-cx4qr7me4j 4 года назад

Ты когда делал картинки адаптивными зря сделал max-width: 100%; так как у меня, например, монитор большой и градиент под фото растянулся Нужно было просто width: 100%;

@mrbatni3522 3 года назад

спасибо, я сам не смог дойти((

@aleksandrkedria4024 5 лет назад

Как называется плагин , который подсказывает путь к картинкам? 5:10

@BrainsCloud 5 лет назад

Aleksandr Kedria по умолчанию такого разве нет? Тогда попробуйте установить плагин emmet

@vitka0 3 года назад

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

@user-vy4gs4dy9b 5 лет назад

Кажется где-то ошибка, или я может лажаю. Да, картинки сужаются при изменение окна браузера, все ок. Но есть другая проблема, если уменшать маштаб страницы, картики тоже уменшаются, а вот градиент остается неизменный. Получается не очень хорошо. Поправьте если я не прав.

@user-ms7jg1sq4o 5 лет назад

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

@FotozTV 4 года назад

Я думаю ты прав. Просто когда открыть блок 'works' на мониторе шириной к примеру 2560px, то блоки 'works-col' будут занимать всю ширину экрана как положено, но картинки которые внутри по ширине занимают меньше места и они не будут растягиваться больше своего размера и поэтому будет виден градиент за картинкой.

@user-fz5jq3fx3w 5 лет назад

Зачем нужен -webkit-background-size и background-size: cover одновременно?

@BrainsCloud 5 лет назад

Это префикс для поддержки некоторых браузеров которое это свойство не поддерживают, но сегодня он практически не актуален

@LEXUS-ri1ot Год назад

у меня вопрос , по классу works. при уменьшении градиент вылезает за фото , дайте напутственные ссылки, чтоб победить эту беду за урок Спасибо !

@kiryakovanton587 8 месяцев назад

Большой монитор, поэтому используй просто width:100% и к works или works__item примкни overflow-x: hidden, для того чтоб убрать нижний скрол.

@matweyptushkin7697 4 года назад

как это работает, что дисплей блок убирает вылезающую картинку??

@pogios 3 года назад

когда выйдет 10 урок по последней верстке блога?

@Denys_Denys Год назад

у меня что то не получается, навожу на ворксайтем, но картинка не затемняется. Уже 2 раза слово в слово переписал, как в видео, но не получается

@Denys_Denys Год назад

разобрался тут opacity: .1; после 1 ставил s

@nelyhartenyan3734 3 года назад

Скажите пожалуйста почему у меня не исчезла scroll даже тогда когда я написала max-width:100%; height:auto; ?

@user-hm4yd2tk5k 3 года назад

в Body напиши overflow-x: hidden;

@Gaiwwie 5 лет назад

"""1 Верстка сайта с нуля для начинающих | HTML, CSS""" - 17:40 иконки на потом оставили в header

@user-ms7jg1sq4o 5 лет назад

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

@yaroslavbulavin3613 4 года назад

до этого делали же, в чем проблема?

@whitecrow5820 4 года назад

как только прописываю padding классу clients_item 0 45px 0 175px; не работает flex-wrap:wrap . Кто знает какая может быть причина код один в один к на видео

@Irek_Mustafin 3 года назад

Выше уже ответили: .clients__item {box-sizing: border-box; clients__item}

@awenn2015 3 года назад

2:45 используй grid и проблем не будет

@muffin1261 3 года назад

Не хочет работать часть с .clients { display: flex; flex-wrap: wrap; } Просто не хочет и всё, имя класса то и стоит в html всё правильно, в чём может быть проблема?

@Irek_Mustafin 3 года назад

В чем именно проблема? flex-wrap: wrap не работает?

@muffin1261 3 года назад

@@Irek_Mustafin не хочет переходить в следующую строку

@muffin1261 3 года назад

@@Irek_Mustafin да

@Irek_Mustafin 3 года назад

@@muffin1261 сам два дня почти с этим мучался. А потом тут нашел коммент, где решили задачу: надо прописать .clients__item {box-sizing: border-box; clients__item}

@dskorik3702 2 года назад

@@Irek_Mustafin вы нас спасли!

@skvor83 3 года назад

Просто комментарий

@user-cp9hz8fo7o 12 дней назад

здрасте. занимаетесь ли вы программированием до сих про?

@8dog574 4 года назад

@worldismine9089 4 года назад

В блоке .clients_item{ width: 50%; padding:0 45px 0 175px; position: relative; margin-bottom: 60px; } после padding:0 45px 0 175px; каждый из блоков начинается с новой строки. Что бы было, как на видео нужно вместо width: 50%, указать width: 30%.. Почему так, не знаю... У кого еще такая проблема? Подскажите пожалуйста Дмитрий Валак, почему так...

@user-yh4os3qe2z 4 года назад

у меня тоже такая проблема была, укажите в client_item: box-sizing: border-box

@sirojiddinabdullaev1040 4 года назад

@@user-yh4os3qe2z Спасибо!)

@Tigr_n 4 года назад

@@user-yh4os3qe2z реально помог, спасибо!)

@user-qt7io9zj6k 3 года назад

@@user-yh4os3qe2z не помогает ваш box-sizing не помогает!

@jesuswalks1101 3 года назад

тоже самое

@den3212 4 года назад

10:30 (для себя)

@optimist6598 4 года назад

У одного меня ряд картинок справа не виден в полном экране?

@optimist6598 4 года назад

А ой вы через 10 секунд только об этом сказали.Что скрол появился 13:32.Все хорошо тогда :D.

@user-zb6vk9ki3l 3 года назад

Подскажите почему у меня фотографии уехали за край екрана

@q0tya 4 года назад

Такая проблема. После того как я импортировал фото и весь текст, начинаю добавлять padding и в итоге у меня весь текст съезжает в один столбик. Что делать?

@alexs8579 4 года назад

ответ ниже в комментариях есть Croyzi 3 месяца назад у меня тоже такая проблема была, укажите в client_item: box-sizing: border-box