Не могу подобрать нужных слов, чтобы сказать Вам ОГРОМЕЗНЕЙШЕЕ СПАСИБО!!!!!!!!!!!!! Вы - супер ментор, супер-специалист!!!!!!!! Было безумно интересно и познавательно!!!!!!
Наконец-то!!! Две недели верстки и я дошла до адаптива. Несколько раз хотела бросить))) Спасибо за такие замечательные уроки. Очень доходчиво все показано. Приятно слушать. Один из лучших учителей в русском TH-cam.
В очередной раз благодарю за видео! Кто пишет только сейчас: У меня были проблемы с первым запросом. Удалось решить так: @media (max-device-width: 1200px). Добавил слово device, видимо поменялась документация
34:26, так я объясняю свои действия заказчикам на фрилансе :D, пересматриваю плейлист, попутно реализовываю весь функционал на реакт, редакс, тайпскрипт, помню, как десять +- месяцев назад смотрел этот плейлист и верстал на чистом html, css) Спасибо, Дима, благодаря твоим видео довольно быстро вырос в вебе.
@@raccoon1399, привет, есть канал Владилен Минин, там есть курс по JavaScript за 6 часов, его можешь посмотреть, основы поймешь, на том же канале и про другие технологии JavaScript много вещей.
Жалею в этой жизни только об одном - как я не увидела этот канал раньше! 😂 Но время пришло! Спасибо тебе огромное за канал и такой информативный мини-курс ❤
Спасибо - уроки информативные, но размеры для шрифтов лучше ставить в относительных единицах в em или rem об этом много статей в интернете написано, так легче будет менять стили сайта, если заказчик к примеру захочет уменьшить или увеличить весь шрифт на сайте. Тогда достаточно будет изменить размер базового шрифта в body или html а не подбирать потом его для каждого элемента на сайте. Это для новичков. Я и сам новичок, но как показывает практика, если хочешь хорошо разобраться в чем-то, обучи этому другого)))
15:34 - а почему мы просто не использовали совместно со space-between ширину .card__item {width: 32%;} ? Дима, спасибо за уроки! Ты лучший практикующий учитель данному ремеслу на русском TH-cam!!
Спасибо, оч. много полезной информации! Особенно понравилась фишка с отрицательными margin у родительского элемента и положительными padding у дочерних элементов. Раньше делал просто margin-left и приходилось убирать последний margin-left с помощью last-childe.
@@PIRAKAS666 В принципе уже разобрался но иногда не все понятно до конца, долго не мог понять как Дмитрий делает структуру HTML и почему столько вложений, пришлось остановиться и пойти читать БЭМ методологию. Вообще как по мне, данные видео учат само образовываться и это круто. Посмотрим что дальше будет)
Я - фанат этого канала. Один из лучших контентов на ютубе. Люди, кто дожил до этого видоса, поделитесь, нет ли проблем с ссылкой на fontawesome. У меня гугл ошибку выдает. Что-то про SAMESITE атрибут, говорит, что сайт его не имеет.
Капец геморой) Думал что как то само всё адаптируется. Я не программист ни разу, но с интересом просмотрел все уроки и ещё дальше досмотрю. Раз столько уроков отсмотрел, может попробую сайт собрать. Просто интересно.
27:50 . При разрешении 973х729 у меня не влезает весь текст от Creativity и Digital в экран справа. А слева не влезают значки. А у вас влезают. Скачал ваш код, тоже самое. Что я делаю не так, не понимаю? Адаптивная вёрстка сложная штука.
Тоже самое случилось и у меня мой друг. Было это на виндовс, никак ни мог настроить экран адаптивной. Снес Винду, установил линукс elementary к статье очень хороший дистр, на нем настроил очень легко, рекомендую. Дай мне свой вк, продвинимся!
@@ВалерійПострибайло после этих видео поверстал еще пару сайтов, после этого из-за войны приостановился прогресс на пол года где-то, потом сверстал один лендинг, чтобы возобновить знания+-, начал учить js, react, redux toolkit, ts, сейчас дописываю свой пет проект, и буду искать первую работу в it
@@ВалерійПострибайло все что я подчеркнул для себя за этот год - никогда не сдаваться, да, иногда нужны перерывы, может даже большие, но дисциплина>>>, надо её выстраивать и тогда ты добъешься любой цели
Здравствуйте, у меня проблема с отображением в мобильном формате, открываю через гугл хром последней версии, дума что у меня проблема(то что я не правильно написал код), но даже с отображением готового(вашего сайта, скачанного с файлообменника), проблема заключается в отображении белой полосы внизу и справа большинства блоков сайта при уменьшении размера окна. Заранее спасибо за помощь
Скорее всего, у тебя неверно задан box-sizing, в обнуляющих стилях. Передвинься в самый верх CSS-кода и скопируй код для *, *:after и *:before. Сам сталкивался с такой проблемой, решал 40 минут :)
Привет, очень нравится твои уроки) Дошёл пока что только до 8го урока Надеюсь ты прочитаешь и поможешь мне) При адаптации текст не съезжает как у тебя 11:54 , а просто а просто уменьшается, не переводя текст на новую строку. Помоги пожалуйста)
Не понял момента с секцией About, а точнее карточки. Мы во втором уроке когда её верстали, использовали именования about__item и т.д. а тут резко пошло card, и стили вообще по-другому выглядят. И у меня теперь проблемы: задний фон шире картинки, хотя я поправил, как в видео.
Здравствуй. При установленном @media (max-width: 1230px) в хроме при проверке он (breakpoint) срабатывает только на отметке 1107px, в мозиле и brackets live preview работает корректно (срабатывает на 1230). В чем может быть причина?
Вопрос. Таймкод 05:09 . У меня при разрешении 1196х901 в браузере написано, что контейнер 1166х510, а у вас 1151х602. Скачал ВАШИ файлы урока по ссылке в описании, открыл их через опен сервер и phpstorm и те же самые цифры, что у меня были в с моими файлами. И вообще часто разногласия по ходу всего видео в цифрах. Использовал гугл хром, а также мазилу и оперу. Если важно, то я с винды 10, размер экрана 17,3 дюйма. Ноутбук. Разрешение моего экрана 1920х1080
это как раз из-за разрешения экрана. Уверен, если код аналогичен и в инспекторе кода поставить разрешение идентичное разрешению автора, то ширина будет аналогичной
нахимичила чето вначале, и у меня постоянно съезжает наверх интро, у меня тут уже margin-top 8000px.. адаптивная верстка вообще нереально, всё разъезжается(( хотя на обычном масштабе всё красиво. Кажется нужно начинать новый сайт и ничего не путать больше, а то не понимаю как исправить(
Столкнулся с проблемой: текст в теге services__item идёт по одному слову в строку по вертикали . Всего 2 строки с разделяющей линией, и вот в каждой из них 1-ый пункт нормально отображается, а 2-ой и 3-ий как я уже написал выше
В CSS при @media (max-width: 990px) всё норм, как только прописываю 770px или меньше , ничего не работает , в чём причина?? И ещё в HTML тег №7 это что ??Про него ничего в начале урока не сказано
Нашла способ как можно исправить! Попробуйте обернуть все медиа-запросы, которые меньще 990 в один. То есть пишите запрос для 1230 в { } скобках самостоятельно, а на 990 открывете {, прописываете стили для 990, а все следующие более маленькие медиа запросы прописываете ниже и только после самого последнего закрываете медиа-запрос на 990 }.
@@marinaromanova4999 А можно пожалуйста пример кода?? а то слишком сложно написано Либо просто я не понял)) Но все равно дайте пожалуйста пример кода, если не трудно) Заранее спасибо
По началу чутка путался, еще и при сжатии экрана у меня начальные блоки оставляли белый экран справа, а у вас все норм было. Пришлось весь код пересматривать и сравнивать с вашим.
Здравствуйте, я только начинаю верстать. Смотрю ваши видео, и они реально мне помогают, спасибо большое. У меня есть вопрос: До этого я не открывал сайт в другом устройстве. Сегодня попробовал, но в смартфонах не открывается, хотя в другом компе открылся. Не открывается в смысле - браузер только показывает то что написано в html, но в коде привязал и css. Не знаете, из-за чего может быть это?
Кто то может помочь, а что делать если слайдер (кнопки) начинаются налезать на секцию при уменьшении окна браузера. Как это все просто зафиксировать? Что бы при уменьшении окна все элементы оставались на своих местах.
Каждый раз когда мы прописываем flex-wrap: wrap; у меня слетает то к чему мы прописываем.. ПОЧЕМУ? ПОДСКАЖИТЕ ПОЖАЛУЙСТА. (Ggoogle chrome; firefox; opera). Использую для написания кодов - Dreamweaver2019. Выяснил в чем дело, .card_item{ width: 33%; padding: 0 15px; } , когда меняем вместо width: 33%; ставим width: 28% все решается... И внизу для @media max-width 770px - укаываем для .card_item{ max-width: 380px;......}
Дмитрий, здесь в видео ты говоришь, что медиа-запрос нужно писать под блоком, для которого я делаю медиа-запрос и называешь это самым главным правилом. В курсе для новичков ты говорил, что такой способ неудобный, и писать медиа-запросы лучше в конце css файла. Хоть я и понимаю, что не особо важно где их писать, но все таки что выбрать "главное правило" или удобство?
Вы наверно не правильно поняли, речь шла о том, что медиа-запросы надо писать под, а не в коем случае над основными стилями. И в данном видео я пишу все медиа в самом низу, посмотрите.
Здравствуйте. Подскажите пожалуйста, делаю изменения по адаптивности вместе с вами и когда вы уменьшаете и увеличиваете свой экран - элементы подстраиваются под ваши действия, а у меня не реагируют. Если я уменьшаю то части секций скрываются по бокам.
Когда мы убирали навигацию , она у меня не убирается я проверил правильно ли я набираю все остальное по типу маржин и тд работает, а display: none; нет, с чем это может быть связано??
шапка секций, а именно красная полоска под тайтлом при разрешении 575px уезжает в левый край, а у Дмитрия она всегда в центре. Подскажите у кого такое было? как фиксили? голову ломаю, понять не могу. UPD: ПОФИКСИЛ
В блоке services значение width 33.33333% не корректно работает, из-за того что к ширине плюсуются значения padding. Services_item идут в две колонки. Делаю вёрстку под свой браузер со своими размерами.
не плюсуются если есть box-sizing: border-box; который прописывали еще в первом уроке, проверьте корректность написания этого правила всем элементам и псевдоэлементам
Подскажите пожалуйста, я пишу медиазапрос например на 1230 px, ничего не происходит, если уменьшу экран до 1220 то сработает, выше не работает ; приходится писать в медиазапрос не 1230 а 1240, чтоб все было норм. В чем проблема, никто не знает?
Видос как всегда информативный! Но возникла проблема сразу при начале адаптации. Дело в том что когда пишу (max-width: 990px) то ширина сайта становиться белой, Дмитрий помогите!
Дмитрий, добрый день! в начале урока .container{ width: 100%; max-width: 1200 px; margin: 0 auto;} я же ведь тоже написала 1200px, но почему у меня на полный экран показывает, проблема в чем? спасибо!
Если уметь верстать так же, как в данном плейлисте, если ещё знать и практиковать препроцессоры, то с такими знаниями можно ли устроиться верстальщиком?
Ярослав Вадимович плохая фича. Нужно найти какой элемент вылезает и создаёт полосу, а не отменять у документа горизонтальную прокрутку. Человек не сможет скролить при зуме на телефоне. Да и стили надо писать в цсс файле, а не в атрибуте.
"00:22" - Мета тег
"01:47" - Про медиа запросы
"02:45" - Пишем первый медиа запрос
"05:10" - Адаптируем intro
"11:45" - Адаптируем шапку секций
"14:30" - Адаптируем карточки
"19:18" - Адаптируем блок статистики
"24:45" - Адаптируем блок сервисов
"31:33" - Адаптируем блок с девайсами
Если браузере в режиме разработчика не масштабирует сайт под ваши установленные размеры окна - обрезает, а не адаптирует, то попробуйте это:
Огромное спасибо, час возился не нашел причины)
Спасибо брачо, ты спас мне жизнь.
Спасибо за помощь!)
огромное спасибо! это мучило меня очень долго)
Огромное спасибо)
Золотая середина между "кашкой" для новичков и кучей сложного и нудного материала. Кому нужно, тот гуглит, спасибо за уроки, ты молодец.
Не могу подобрать нужных слов, чтобы сказать Вам ОГРОМЕЗНЕЙШЕЕ СПАСИБО!!!!!!!!!!!!! Вы - супер ментор, супер-специалист!!!!!!!! Было безумно интересно и познавательно!!!!!!
Я верстаю с вами, если что...Ребят, пишите комменты, чтобы автор видел отклик)))
Спасибо за призыв, это действительно важно )
Наконец-то!!! Две недели верстки и я дошла до адаптива. Несколько раз хотела бросить))) Спасибо за такие замечательные уроки. Очень доходчиво все показано. Приятно слушать. Один из лучших учителей в русском TH-cam.
Какие успехи спустя два года?
@@АхмедЛобов отправила сына учиться программированию 😆 решила, что у него лучше получится, а в 45 это слишком сложно и долго, ушла в старую сферу
В очередной раз благодарю за видео!
Кто пишет только сейчас: У меня были проблемы с первым запросом. Удалось решить так:
@media (max-device-width: 1200px). Добавил слово device, видимо поменялась документация
Спасибо за уроки , ЗДОРОВЬЯ тебе !!!
спасибо!
Thanks to the BrainsCloud team for these videos. I take huge experiences...🙂
Самые понятные уроки по этой теме! Сердечная благодарность.
Просмотрел все уроки. Хочу выразить свои признание и благодарность. Спасибо большое, по-больше бы таких полезных каналов, а не всякого детского мусора
Дмитрий, очень рад, что наткнулся на ваши курсы в предложке, спасибо за ваши труды
Огромное спасибо! просто нет слов, на сколько вы классно все обьясняйте и четко все делайте!
34:26, так я объясняю свои действия заказчикам на фрилансе :D, пересматриваю плейлист, попутно реализовываю весь функционал на реакт, редакс, тайпскрипт, помню, как десять +- месяцев назад смотрел этот плейлист и верстал на чистом html, css)
Спасибо, Дима, благодаря твоим видео довольно быстро вырос в вебе.
скажите пожалуйста, как вы учили JS? может есть какие-то курсы, не могли бы вы посоветовать совсем новичку в этом деле?
@@raccoon1399, привет, есть канал Владилен Минин, там есть курс по JavaScript за 6 часов, его можешь посмотреть, основы поймешь, на том же канале и про другие технологии JavaScript много вещей.
@@timofey2672 спасибо большое!) надеюсь пойму
каждый день с вами и вашими уроками! Спасибо вам!
Привет. Спасибо за курс. Просмотрел и всё повторил. Всё было очень круто. Лайк, подписка, однозначно.
Огромное спасибо! Отличный опыт в вёрстке, когда изучил теорию и перешёл к практике. Спасибо, Дмитрий!
Чертовски быстрая вёрстка. Спасибо за хорошие уроки
Спасибо за урок! Непростые эти медиа запросы )))
Дмитрий, спасибо вам за вашу работу!
Жалею в этой жизни только об одном - как я не увидела этот канал раньше! 😂 Но время пришло! Спасибо тебе огромное за канал и такой информативный мини-курс ❤
Дмитрий спасибо вам за вашу работу,очень классные уроки.Желаю процветания вашему каналу и продолжайте в том же духе.
Спасибо Дмитрий , обучаюсь на ваших видео!
Как всегда - отличное видео, спасибо!
Спасибо за курс. Все доступно и хорошо воспринимается с нуля. Но у меня возникло затруднение с тегом в области . Сработало только при таком условии:
отменять возможность зума для пользователя не очень хорошая идея
@@BrainsCloud Спасибо, поменяла.
@@stasalsakhanov435 как решили проблему? у меня так же(
Как в итоге прописали в коде? такая же проблема(
Здравствуйте. Как решили вашу проблему с тем, что без "user-scalable=no" не получается адекватно изменять размеры "устройства"?
спасибо большое за ваши видео, делал все по вашим урокам и теперь есть примерное понимание как разрабатывать сайт))))
Спасибо - уроки информативные, но размеры для шрифтов лучше ставить в относительных единицах в em или rem об этом много статей в интернете написано, так легче будет менять стили сайта, если заказчик к примеру захочет уменьшить или увеличить весь шрифт на сайте. Тогда достаточно будет изменить размер базового шрифта в body или html а не подбирать потом его для каждого элемента на сайте. Это для новичков. Я и сам новичок, но как показывает практика, если хочешь хорошо разобраться в чем-то, обучи этому другого)))
Дошел все-таки)), спасибо тебе, очень круто объясняешь, без воды и прочей ненужной инфы)
Автору огромное спасибо за годный контент и старания!!!!!! Ставлю жирный лайк!!!!
Каждый урок смотрю с удовольствием ))
15:34 - а почему мы просто не использовали совместно со space-between ширину .card__item {width: 32%;} ?
Дима, спасибо за уроки! Ты лучший практикующий учитель данному ремеслу на русском TH-cam!!
Делаю и получаю удовольствие)) Спасибо
Спасибо, оч. много полезной информации! Особенно понравилась фишка с отрицательными margin у родительского элемента и положительными padding у дочерних элементов. Раньше делал просто margin-left и приходилось убирать последний margin-left с помощью last-childe.
Спасибо! Содержательно, коротко, и ясно!
Как всегда спасибо за урок!
учусь по твоим урока. много нового узнал, спасибо. продолжай)
Спасибо за уроки!
Научился верстать у вас)
лучшие уроки!!! а можно видео разбор с разными вариантами адаптивности? хотя бы принципы или теорию))
посмотрите верстку сайта activebox, там я немного подробней рассказывал
Верстку вместе с тобой повторяю, надеюсь будет толк, все что не понял гуглю, но иногда оочень много времени уходит на то что бы понять что ты сделал)
Тогда для начала разберись с основами по CSS и HTML.
@@PIRAKAS666 В принципе уже разобрался но иногда не все понятно до конца, долго не мог понять как Дмитрий делает структуру HTML и почему столько вложений, пришлось остановиться и пойти читать БЭМ методологию. Вообще как по мне, данные видео учат само образовываться и это круто. Посмотрим что дальше будет)
Спасибо Вам за урок . Верстаю с Вами =)
Спасибо за урок!
залип на видео, спасибо за труды!
Я - фанат этого канала. Один из лучших контентов на ютубе. Люди, кто дожил до этого видоса, поделитесь, нет ли проблем с ссылкой на fontawesome. У меня гугл ошибку выдает. Что-то про SAMESITE атрибут, говорит, что сайт его не имеет.
Andrey Abramchuk спасибо
padding sleft :) спасибо за урок
это лучший человек !!!
Если у кого-то не получается убрать белую полоску справа, попробуйте вот это
html,body{
overflow-x: hidden
}
почитайте про это свойство
спасибо, помог
Будь здоров!
Капец геморой) Думал что как то само всё адаптируется. Я не программист ни разу, но с интересом просмотрел все уроки и ещё дальше досмотрю. Раз столько уроков отсмотрел, может попробую сайт собрать. Просто интересно.
27:50 . При разрешении 973х729 у меня не влезает весь текст от Creativity и Digital в экран справа. А слева не влезают значки. А у вас влезают. Скачал ваш код, тоже самое. Что я делаю не так, не понимаю? Адаптивная вёрстка сложная штука.
Тоже самое случилось и у меня мой друг. Было это на виндовс, никак ни мог настроить экран адаптивной. Снес Винду, установил линукс elementary к статье очень хороший дистр, на нем настроил очень легко, рекомендую. Дай мне свой вк, продвинимся!
6 дней и я дошел до адаптации, надеюсь прогресс не будет стоять на месте, спасибо за ваши уроки!!!
Как твои успехи сейчас?, очень интересно)
@@ВалерійПострибайло после этих видео поверстал еще пару сайтов, после этого из-за войны приостановился прогресс на пол года где-то, потом сверстал один лендинг, чтобы возобновить знания+-, начал учить js, react, redux toolkit, ts, сейчас дописываю свой пет проект, и буду искать первую работу в it
@@ВалерійПострибайло все что я подчеркнул для себя за этот год - никогда не сдаваться, да, иногда нужны перерывы, может даже большие, но дисциплина>>>, надо её выстраивать и тогда ты добъешься любой цели
@@dominic9040 ты меня смотивировал🔥
Emmet код для font-size для, к примеру, 20 пикселей = fz20px
Спасибо!!
можно еще короче - fz20
Всё круто!!! спасибо большое!))
шел 107 день вёрстки мого. Медленно, но верно :DDD
Спасибо большое!
Здравствуйте, у меня проблема с отображением в мобильном формате, открываю через гугл хром последней версии, дума что у меня проблема(то что я не правильно написал код), но даже с отображением готового(вашего сайта, скачанного с файлообменника), проблема заключается в отображении белой полосы внизу и справа большинства блоков сайта при уменьшении размера окна. Заранее спасибо за помощь
Alex Kron досмотреть все уроки по адаптации
У меня такая же проблема. Вы разобрались в чём дело?
Большое спасибо)))
Super 👍👍👍
Подскажите, пожалуйста, как убрать горизонтальную прокрутку при уменьшении размера экрана
Скорее всего, у тебя неверно задан box-sizing, в обнуляющих стилях. Передвинься в самый верх CSS-кода и скопируй код для *, *:after и *:before. Сам сталкивался с такой проблемой, решал 40 минут :)
@@sonyboy4413 мне казалось его нужно всегда по умолчанию указывать box-sizing border-box
лучшие уроки
Эх, не оторваться...
Привет, очень нравится твои уроки)
Дошёл пока что только до 8го урока
Надеюсь ты прочитаешь и поможешь мне)
При адаптации текст не съезжает как у тебя 11:54 , а просто а просто уменьшается, не переводя текст на новую строку. Помоги пожалуйста)
Не понял момента с секцией About, а точнее карточки. Мы во втором уроке когда её верстали, использовали именования about__item и т.д. а тут резко пошло card, и стили вообще по-другому выглядят. И у меня теперь проблемы: задний фон шире картинки, хотя я поправил, как в видео.
Оч полезное видео!
Спасибо! Всё круто!
ставлю царский лайк!!)
почему не работает @media (max-width: 770px){
.intro__suptitle{
font-size:20px;
}
.intro__title{
font-size: 40px;
}
}
все остальные медиа запросы видет кроме последних
подскажите еще, как боретесь с Live preview, у меня страница как шальная в браузере скачет, а Вас все ровненько стоит ???!!!!
Никак, все работает как работает
Здравствуй. При установленном @media (max-width: 1230px) в хроме при проверке он (breakpoint) срабатывает только на отметке 1107px, в мозиле и brackets live preview работает корректно (срабатывает на 1230). В чем может быть причина?
Разобрался, причина определена, можно не отвечать.
@@viktorkhekalo6154 Здравствуй, у меня плохожая проблема, медиазапрос на 770px не устанавливается только на 1230 и на 990, в чём может быть проблема?
я в блоке wedo просто поставил картинку сверху так вроде тоже норм
.wedo__img{
position: static;
width: 100%;
padding-bottom: 10px;
}
Вопрос. Таймкод 05:09 . У меня при разрешении 1196х901 в браузере написано, что контейнер 1166х510, а у вас 1151х602. Скачал ВАШИ файлы урока по ссылке в описании, открыл их через опен сервер и phpstorm и те же самые цифры, что у меня были в с моими файлами. И вообще часто разногласия по ходу всего видео в цифрах.
Использовал гугл хром, а также мазилу и оперу. Если важно, то я с винды 10, размер экрана 17,3 дюйма. Ноутбук. Разрешение моего экрана 1920х1080
это как раз из-за разрешения экрана. Уверен, если код аналогичен и в инспекторе кода поставить разрешение идентичное разрешению автора, то ширина будет аналогичной
Живи вечно
спасибо большое!
нахимичила чето вначале, и у меня постоянно съезжает наверх интро, у меня тут уже margin-top 8000px.. адаптивная верстка вообще нереально, всё разъезжается(( хотя на обычном масштабе всё красиво. Кажется нужно начинать новый сайт и ничего не путать больше, а то не понимаю как исправить(
Столкнулся с проблемой: текст в теге services__item идёт по одному слову в строку по вертикали .
Всего 2 строки с разделяющей линией, и вот в каждой из них 1-ый пункт нормально отображается, а 2-ой и 3-ий как я уже написал выше
Всё, разобрался, утонул в дивах немного))) но выплыл
перепроверил несколько раз, но так и не понял, почему карточки не уменьшаются пропорционально ширине экрана
с чем это мб связано?
нельзя текст на всем сайте при каждом медиазапросе прибавлять/отнимать в %?
Почему в section, header является div'ом а не собственно , ведь семантически не запрещено использовать несколько header тегов в одном документе??
Всем привет!!! Ребята, а для винды есть подобные фишки в браузере чтоб примерять к телефону сайт прямо в браузере ?
почему после того как делаю card столбиками он вылезает из своего блока и залезает на нижние?
В CSS при @media (max-width: 990px) всё норм, как только прописываю 770px или меньше , ничего не работает , в чём причина?? И ещё в HTML тег №7 это что ??Про него ничего в начале урока не сказано
Поддерживаю, та же проблема.
Нашла способ как можно исправить! Попробуйте обернуть все медиа-запросы, которые меньще 990 в один. То есть пишите запрос для 1230 в { } скобках самостоятельно, а на 990 открывете {, прописываете стили для 990, а все следующие более маленькие медиа запросы прописываете ниже и только после самого последнего закрываете медиа-запрос на 990 }.
@@marinaromanova4999 А можно пожалуйста пример кода?? а то слишком сложно написано
Либо просто я не понял))
Но все равно дайте пожалуйста пример кода, если не трудно)
Заранее спасибо
Посмотри верно ли ты прописал этот код :
у меня была тут ошибка в знаках "- и ="
.container{
paddin:0 15px;
.....
} не работает, с левой есть, а с правой нету. Скажите пожалуйста почему и что делать.
padding напиши, у тебя paddin
По началу чутка путался, еще и при сжатии экрана у меня начальные блоки оставляли белый экран справа, а у вас все норм было. Пришлось весь код пересматривать и сравнивать с вашим.
Здравствуйте, я только начинаю верстать. Смотрю ваши видео, и они реально мне помогают, спасибо большое.
У меня есть вопрос: До этого я не открывал сайт в другом устройстве. Сегодня попробовал, но в смартфонах не открывается, хотя в другом компе открылся.
Не открывается в смысле - браузер только показывает то что написано в html, но в коде привязал и css.
Не знаете, из-за чего может быть это?
Кто то может помочь, а что делать если слайдер (кнопки) начинаются налезать на секцию при уменьшении окна браузера. Как это все просто зафиксировать? Что бы при уменьшении окна все элементы оставались на своих местах.
Каждый раз когда мы прописываем flex-wrap: wrap; у меня слетает то к чему мы прописываем.. ПОЧЕМУ? ПОДСКАЖИТЕ ПОЖАЛУЙСТА. (Ggoogle chrome; firefox; opera). Использую для написания кодов - Dreamweaver2019.
Выяснил в чем дело, .card_item{
width: 33%;
padding: 0 15px; } , когда меняем вместо width: 33%;
ставим width: 28% все решается... И внизу для @media max-width 770px - укаываем для .card_item{ max-width: 380px;......}
Скорее всего у вас не прописано, или прописано с ошибкой, правило box-sizing: border-box; для всех элементов. Будьте внимательны
@@BrainsCloud Спасибо, Огромное... Но в некоторых моментах, масштаб(px; %) приходиться указывать свой..
Дмитрий, здесь в видео ты говоришь, что медиа-запрос нужно писать под блоком, для которого я делаю медиа-запрос и называешь это самым главным правилом. В курсе для новичков ты говорил, что такой способ неудобный, и писать медиа-запросы лучше в конце css файла. Хоть я и понимаю, что не особо важно где их писать, но все таки что выбрать "главное правило" или удобство?
Вы наверно не правильно поняли, речь шла о том, что медиа-запросы надо писать под, а не в коем случае над основными стилями. И в данном видео я пишу все медиа в самом низу, посмотрите.
Для services__item width не роботает, но работает max-width
Спасибо!
Появляется белая полоска с права что делать смотрел там виперает .card, но он помещен в контейнер в чем проблема не знаю
Здравствуйте. Подскажите пожалуйста, делаю изменения по адаптивности вместе с вами и когда вы уменьшаете и увеличиваете свой экран - элементы подстраиваются под ваши действия, а у меня не реагируют. Если я уменьшаю то части секций скрываются по бокам.
+++
Когда мы убирали навигацию , она у меня не убирается я проверил правильно ли я набираю все остальное по типу маржин и тд работает, а display: none; нет, с чем это может быть связано??
Пока убрал через опасити 0 , если кто то ответит исправлю
@@whatisloveel @media (max-width: 770px) {
.nav {
display: none;
}
}
скопируй
шапка секций, а именно красная полоска под тайтлом при разрешении 575px уезжает в левый край, а у Дмитрия она всегда в центре. Подскажите у кого такое было? как фиксили? голову ломаю, понять не могу. UPD: ПОФИКСИЛ
а теперь всё удаляем и делаем сами все сначала)))
Дякую за урок
В блоке services значение width 33.33333% не корректно работает, из-за того что к ширине плюсуются значения padding. Services_item идут в две колонки. Делаю вёрстку под свой браузер со своими размерами.
не плюсуются если есть box-sizing: border-box; который прописывали еще в первом уроке, проверьте корректность написания этого правила всем элементам и псевдоэлементам
@@BrainsCloud Верно сенсей, псевдоэлемент before не так написал )))
Подскажите пожалуйста, я пишу медиазапрос например на 1230 px, ничего не происходит, если уменьшу экран до 1220 то сработает, выше не работает ; приходится писать в медиазапрос не 1230 а 1240, чтоб все было норм. В чем проблема, никто не знает?
Видос как всегда информативный!
Но возникла проблема сразу при начале адаптации. Дело в том что когда пишу (max-width: 990px) то ширина сайта становиться белой, Дмитрий помогите!
Дмитрий, добрый день! в начале урока .container{
width: 100%;
max-width: 1200 px;
margin: 0 auto;} я же ведь тоже написала 1200px, но почему у меня на полный экран показывает, проблема в чем? спасибо!
может у вас экран меньше чем 1200 ?
Если уметь верстать так же, как в данном плейлисте, если ещё знать и практиковать препроцессоры, то с такими знаниями можно ли устроиться верстальщиком?
Куда-нибудь да можно, пробовать надо
Всем добра и счастья)
Ярослав Вадимович плохая фича. Нужно найти какой элемент вылезает и создаёт полосу, а не отменять у документа горизонтальную прокрутку. Человек не сможет скролить при зуме на телефоне. Да и стили надо писать в цсс файле, а не в атрибуте.
@@BrainsCloud спасибо, Дима. Не знаю, что пошло не так, код идентичный