#5 ActiveBox - Верстка сайта с нуля для начинающих | Адаптивная верстка

[@Вячеслав-ш5т]

более интересных уроков и практики я не видел ни у кого.

[@kawaki4639]

время идет, а вы все равно остаетесь лучшим учителем, спасибо!

[@TheYukos70]

Дмитрий, большое человеческое спасибо!

[@Ahmed__123j]

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

[@СергейГрибоводов]

БРО - ты лучший! Спасибо за контент ;)

[@sergheibecciu1171]

Мне как новичку очень помогли уроки в понимании верстке...очень благодарен.

[@chesterbennington7574]

Очень полезные уроки и понятные. Спасибо. Долго искал такой контент

[@РоманСмолюх-к1и]

Спасибо, очено помог)) Делай по больше таких видео) Хотелось б и JS для начинающих!)

[@nloo]

боже этот человек делает слишком полезные уроки! однозначно респект и подписка!!

[@fantast2568]

Спасибо за труд ! Успехов в развитии канала !

[@BrainsCloud]

спасибо!

[@olegtsimfer455]

Класс,круто, как и всегда!) Просьба есть, выпустить видео по поводу display и position, чтобы было больше понимания. Спасибо за труд!)

[@ЕвгенийДоровский-э5в]

Принцип зрозумілий, дякую за пояснення.

[@sergstrue362]

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

[@StoryForgeArts]

*Cпасибо большое за урок. Понятно, доступно, а главное полезно*

[@РоманВакуленко-л2ш]

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

[@forceward]

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

[@ВікторКозак-щ1л]

крутяк просто нет слов!! когда читаю материал даже близко так не понимал как щас! жилание учить от ваших уроков только растет! лайк + подписака 100%

[@mrhop4912]

Вы помогаете понять саму суть вёрстки,спасибо большое.

[@annapotri]

Отличный урок! Все предельно понятно! Спасибо огромное, вы - лучший! Успехов!

[@xxNeonix]

Братан, спасибо тебе за видосы.

[@yevheniidodiak3644]

Да, вы лучший преподаватель ❤️ лайкать одно удовольствие

[@vladimiregorov6875]

Очень круто, очень удобно)) С самого начала изучения css не покидала мысль, как делается сайт адаптивным для мобилок. Твои уроки это просто нечто. СенкЮ соу Мач ＼(￣▽￣)／

[@Валли-н6ы]

Спасибо огромное за курс) все по полочкам раскладываешь, просто цены тебе нет)

[@dbuzeninka8005]

Надо бы придумать html6 с тегом , чтоб перестать на костылях выдумывать эти меню )))

[@blackwalker_9446]

А вы правильно медиа прописали? Он начинает быть виден с брейкпоинта. Может в этом дело?

[@EUC_Novak]

🌟🌟🌟🌟🌟 *Спасибо за очень полезный и понятный урок!!!* 🌟🌟🌟🌟🌟

[@АлексейСтупников-д4у]

Здравствуйте! Благодарю за видео!

[@Олег-з3с7г]

Да все понятно!! Спасибо за Видео!!!!

[@serene3d772]

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

[@KuKu_RuKu88]

Спасибо за подробный обзор, все супер !!!

[@ДмитрийКуренков-л3м]

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

[@jackdoe1312]

Вместо background-size: cover так же работает object-fit: cover Немного муторно с размерами шрифтов в медиа запросах. Как вариант можно указать в body в px, а далее в rем (использовать калькулятор). Тогда не придется указывать размеры в медиа, т.е. писать меньше кода + сменив значение размера шрифта в body, мы меняем его везде, одним легким движением курсора)

[@dimadiv6583]

он же делает обучение не для профи

[@jackdoe1312]

@@dimadiv6583 Ты же лучше меня понимаешь, что кроме видосиков нужно читать мануалы. А rem понять можно буквально минут за 10, ничего сложного.

[@Burovasofia]

спасибо огромное за урок!!!!

[@Kurikovich]

Захожу, сразу ставлю лайк, потом - смотрю.

[@juliatutaeva9832]

И-де-аль-но! Спасибо! Просто магия какая-то!

[@ОлегКлючинский-б2ж]

BEST OF THE BEST!!!!

[@Scrappycoco]

1:22 center no-repeat / cover - в хроме тоже самое. Но, как написал человек в комментах: "просто нужно писать, по правильному порядку "center / cover no-repeat" а не "center no-repeat / cover" Либо как в ролике: background: 44475e url(img/intro-bg.jpg) center no-repeat; background-size: cover;

[@АлексейГундин-э9о]

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

[@BrainsCloud]

Алексей Гундин так это ж лендос, других страниц нет

[@АлексейГундин-э9о]

@@BrainsCloud тоже верно! Ещё раз спасибо за урок - этот особенно понравился :-)

[@ismailtulebay5018]

Сделай, пожалуйста, отдельное видео по JS, некое обучение, и в чем отличие между JS and JQ

[@HD-qp3fw]

В 4 уроке ещё так написал, background-size: cover, так как через слэш в хроме не работает

[@artem_ka3863]

Спасибо за годный контент!!!

[@zv5585]

Спасибо. Лайк.

[@NeedForHeavyMetal]

Очень доходчиво)

[@satanist70]

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

[@DizErgi]

Если я и буду выполнять заказы на вёрстку сайтов, то делать я это буду для людей, а не для пользователей Internet.Explorere , единственное для чего он нужен, это скачать нормальный браузер.

[@YaroslavNechyporuk]

ООООООО сегодня сверстал этот сайт, теперь могу посмотреть как это делает профи)

[@mak_whisk]

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

[@ИльгизШарафутдинов-ю4ц]

Классный урок!

[@zanosi_udachi]

Столкнулся с такой проблемой, что тег в css как .nav стили не работают, так же как и под адаптивную верстку( тоесть как у тебя делаю не работает: стили шрифта и в принципе не скрывается при дислей нон). Решил проблему таким образом- в css прописал не .nav , а просто nav и всё заработало( как для десктопной версии- все стили заработали, так и при адапнтивной скрывается при разширении экрана)

[@tanyamarushka7251]

Спасибо!

[@romanro8630]

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

[@hotDelights_]

🔥🔥🔥🔥🔥🔥

[@Fenjkeee]

Спасибо за видео.

[@GunToys-f2z]

Очень крутые уроки)) Но Дмитрий а не проще заместь SVG logo делать через fontawasome???

[@akaBeeRka1]

background: #31344e url(../img/intro.jpg) center no-repeat / cover; - данный стиль у меня не работал даже в хроме. Как мне подсказали, у меня была ошибка в синтаксисе, т.е. размер задается после позиции через слеш - background: #31344e url(../img/intro.jpg) no-repeat center / cover; Короче, говоря, no-repeat и center надо было поменять местами, после этого у меня заработало.

[@AkciaInterestingSite]

Отлично!

[@SatUluBah]

[@elifas2012]

Благодарю!

[@FotozTV]

Уже давно использую запись для background через / cover и все корректно работает во всех браузерах, в том числе и мозилле

[@Паша-ф2с]

отлично!

[@minatosensei3346]

крутые уроки, все понятно и ясно, лайк + подписка (нужна помощь: при уменьшении там для телефонов и тд в не парных блоках по нумерации справа появляется белое поле которое увеличивается по мере уменьшения самого сайта (для телов айпадов и тд), и у каждого парного блока(второй четвертый и тд) такое же поле только слева - как можно это убрать?)

[@minatosensei3346]

Возможно после полной адаптации оно пропадет?! этого я не знаю, подскажите пж

[@turalperfectworld1065]

Лучший!

[@alexandr2869]

Firefox потдерживает " / cover " просто нужно писать, по правильному порядку "center / cover no-repeat" а не "center no-repeat / cover"

[@solerastora3734]

no-repeat center / cover; - уже и так пашет

[@DubinArtur]

Можно для медиа подключать второй css? Если можно, то это будет удобно и быстрее писать

[@xtravels_kz]

Можно. Только подключать media.css надо ниже style.css.

[@АбуЗаррФарадей]

Проверил в Мозиле, Хроме, Опере, ИЕ11 и Эдге. В Эдге фоновая картинка не появилась даже после исправления. Пришлось создавать по отдельности все правила: бгк, бгп, бгр, бгс, бги. Только тогда появилась. Даже в ИЕ11 лучше поддерживается. И еще заметил что Мс браузерах в самом низу стр. есть какая то полоска белая в 1пкс.

[@MrSantafe1100]

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

[@Сергей-й9т7ъ]

В Internet Explorer title and subtitle 'у в блоке intro просто poxyu на контейнер, она вылазит за него и в одну сточку стоит, как это пофиксить, чтобы адаптивно было?

[@leonardrutto8381]

скорее всего стоит конкретная ширина у где то

[@leonardrutto8381]

либо высота

[@FogDog963]

Уроки реально крутые, очень интересно смотреть, плюс возникает некоторое понимание что и с чем едят. Вопрос автору и всем участникам: Кто-нибудь знает что-то за этот сервис Eternalhost? Просто данную рекламу я увидел непосредственно на этом канале, вот и подумал возможно сам автор в курсе что это за хостинг, и как там дела обстоят со стабильностью работы.

[@javoxrxomidov451]

Слишком долго делал бургер меню проста оставил б эту кмонду (&#776)между тегами без скобок ! И бургер появился б сам атак урок суппер

[@tortik_0162]

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

[@sultonbekovs9269]

спасибо

[@boreisha.artem13]

Здравствуйте, зачем вы используете элемент span для burger__item, потом же все равно задаёте ему display: block?

[@sayedakbarali5650]

Thanks Boss

[@Ageronor]

еще на первом уроке заметил, что при "cover" в Бэкраунде, у меня в опере тоже ничего не отображалось, думал глюк именно моей системы, а оно воно-как.

[@АнтонКошелев-д5ч]

Привет! Спасибо за твой контент, очень помогаешь) Ответь пожалуйста, есть ли какой-нибудь список, наподобие обнуления свойств в css, чтобы адаптировать все свойства сразу под все браузеры( я не про медиа)

[@BrainsCloud]

Посмотрите normalize.css, reset.css

[@АнтонКошелев-д5ч]

@@BrainsCloud уже смотрел, ввожу в css файл и не помогает, как не воспринимал эксплоер, так и сейчас тоже

[@АнтонКошелев-д5ч]

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

[@pikhota]

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

[@osintervalproject5636]

а ничего что некоторыми блоками work_content есть отступ, во всех браузерах кроме оперы?

[@Видеокарта-т9л]

всем привет! вопрос не с этого урока. Почему в прошлой верстке сайта мы каждый блок делали в , а сейчас в ?

[@BrainsCloud]

У секции должен быть заголовок обозначающий что это за секция. Здесь у секций заголовков нет, поэтому div.

[@ЕвгенийБелоногов-ш8е]

Спасибо огромное за уроки. С такими учителями и курсы не нужны))) У меня вместо курсора виден кружок когда нахожусь в ipad например. Поэтому я не могу видеть где курсор поинтер, а где нет. Как это настроить??

[@valentinprokofev9177]

Menu Show device type Mobile < Mobile (no touch)

[@ОлексійКучер-р3с]

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

[@dle669]

Я хотел бы поинтересоваться, так как я начинающий веб дев. Зачем для бургера был указан z-index: 1; ?

[@thirdeye4212]

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

[@CobraTMs22]

Думал, что это последнее видео и Вы забросили канал, как это обычно бывает со многими уроками на ютубе. Но когда увидел вчерашнюю дату, обрадовался. Как скоро ждать новые уроки на эту тему?)

[@BrainsCloud]

приболел, поправлюсь - продолжу

[@CobraTMs22]

@@BrainsCloud выздоравливайте)

[@BrainsCloud]

@@CobraTMs22 спасибо!

[@CobraTMs22]

@@BrainsCloud есть ли принципиальные отличия от курса на сайте (11 видео уроков) и этой серии видео-уроков? Что лучше?

[@BrainsCloud]

CobraTMs22 в этой серии больше объяснений

[@ikadill5921]

проверила через оперу, фокса, хром всё ок. Но эксплорер что-то с чем-то выдаёт. Всё в один ряд, фон съехал.. Пока не пробовала исправлять, этим раритетом наверное уже никто не пользуется)

[@zetuls.]

Как обучаться? Просто много верстать и учить теги? Хотелось бы видео по тегам и атрибутам

[@zetuls.]

Mrx на верстку этого то сайта у меня 12 часов ушло) пока теги все загуглить пока вдуплить, а там ещё вебкит какой оставит и пиши пропало

[@Bigfootnorm]

У меня вопрос из прошлых уроков для тех кто еще тут. Когда svg иконки в Sprite делали для team у меня все отлично заработало. За одним моментом только. Внутри иконки рядом с логотипом фейсбука, твитера и ln появилась стрелка вправо с нижним подчеркиванием. При чем она отображается как консольная, независимая ни от чего кроме границ самой иконки. И html документ, и CSS пролистал от первой скобки до последней на несколько раз. Сравнил свой код с кодом коуча - один в один. Не могу понять че за фигня. Может сталкивался кто с таким?

[@Robbi726]

Дмитрий, такой вопрос. Делала верстку у Винтика и он предлагал "обнулять" особенности разных браузеров с помощью заранее подготовленного сss файла, ссылку на который ставится в начале css, для того чтобы на всех браузерах сайт отображался одинаково. Это верное решение? По идее так проще, тк не надо каждый браузер перепроверять. вот так этот код выглядит, если интересно: /* meyerweb.com/eric/tools/css/reset/ v2.0-modified | 20110126 License: none (public domain) */ html, body, div, span, applet, object, , h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* make sure to set some focus styles for accessibility */ :focus { outline: 0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none; } input[type=search] { -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } textarea { overflow: auto; vertical-align: top; resize: vertical; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; max-width: 100%; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } html, button, input, select, textarea { color: #222; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } img { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

[@BrainsCloud]

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

[@Валли-н6ы]

Кстати, у меня из-за cover в блоке intro фон пропадал даже в хроме. Поэтому я его вообще убрала и даже забыла о нем. Сейчас проверила все браузеры и у меня фон не пропадет, хотя cover по прежнему не прописан. Почему у меня в хроме пропадал фон из-за covera, а у тебя, Дмитрий, на маке нет??))

[@bigsasiska3921]

у меня на всех дивайсах почему то справа есть отступ, как это пофиксить????((((

[@pimpam88]

У меня была та же проблема. После часа поиска нашла самую тупую ошибку, которую могла совершить: в css после body мы прописывали следующий код: *, *:before, *:after { box-sizing: border-box; } и у меня не стояла запятая после *:before. Как только поставила, всё сразу отразилось как надо. Буду рада, если помогла )))

[@bigsasiska3921]

@@pimpam88 у меня с этим все впорядке, наверное браузер лагает, ну как-бы браузер лагать не может в этом плане, тогда я не знаю. Запятую проверил все стоит, в чем же пробема??????

[@Сергей-й9т7ъ]

скорее всего какой-то элемент вылазит в сторону, поищи его, попробуй по прописывать overflow: hidden чтобы скрыть лишнее у блоков

[@СергейЗагорский-б9ж]

Смотри код. Есть то, что вылазит за нормальные рамки. В моём случае это был раздел Our Team в котором 4 блока я разделил не как 25%, а по 270px, в коде написал его не резиновым, а статичным. + ещё overflow можно сделать для вылезающей части. Главное не печалься сильно, всё будет чётко))

[@Евгений-г6и9н]

это из за иконок social внизу, они не помещаются

[@АртемБеляев-л1й]

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

[@АртемБеляев-л1й]

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

[@hiddenisland1165]

а сколько будет стоить такой лендинг написанный ручками с нуля?

[@Дмитрий-в8н2з]

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

[@abdullahyusupov9745]

Народ, никак не могу понять, почему в некоторых браузерах в блоке reviews, фиолетовый фон выходит слева за фото, а в некоторых нет. Как это исправить? Чтобы слева чётко была фотка, а справа текст в фиолетовом фоне. А еще на 13.18, когда препод выбирает iPad почему у меня содержимое макета не полностью позиционируется на iPad? То есть я могу зажать мышкой и подвигать влево, вправо и т.д

[@green3216]

А выносить media.css в отдельный файл будет норм? Если в html подключить его после основного .css файла

[@BrainsCloud]

Ну такое. Я раньше так работал и пришел к выводу что это не очень удобно. Попробуйте.

[@hashira_d]

Помоги пожалуйста, адаптив во всех браузерах работает отлично, кроме Хрома. Внизу появляется скролбар. Как исправить, в чем может быть проблема? Уже не знаю что делать...

[@thecatwrites9731]

псевдоэлементы такие как after и before разве не через :: пишутся?? или я что-то не читал?

[@BrainsCloud]

Можно через одно двоеточие, но лучше через два

[@nikitaermolenko2656]

После того, как прописываю initial scale=1, справа появляется огромный отступ ( белая полоса ), это что? Почему?

[@nikitaermolenko2656]

Убрал эту надпись, но ничего не изменилось...

[@nikitaermolenko2656]

@@flatronkujo да шо там, просто смотри, где у тебя элементы широкие дофига и вылазиют..

[@kart0shechka-life]

@@flatronkujo в container допиши .container{ overflow: hidden;

[@АлександрДосаев-м9м]

@@kart0shechka-life спасибо чувак!

[@markantony8983]

Добрый день! Спасибо за полезный контент! Вопрос не по теме, но может быть подскажете как реализовать на сайте функцию подмены номера телефона и адреса в зависимости от выбранного посетителем города. Такая функция реализована на сайте банковского советника banksovetnik.ru и мне нужно сделать что-то подобное на своем сайте. Я понял, что используется выпадающий список с присвоенными через css data-city и data-phone, которые подменяют адрес и телефон. Однако, я плохо разбираюсь в javascript и воспроизвести подобное не получается. Можете что-нибудь посоветовать?

[@BrainsCloud]

Используйте готовые библиотеки, их много, например: unmanner.github.io/imaskjs/

[@ner0667]

Может кто сможет подсказать? Как изменить курсор при просмотре кода в хроме? (У меня вместо обычной стрелочки какой-то кружочек, изза этого не могу посмотреь работает ли cursor pointer)?????

[@Sonia_San]

Ребята, может кто-то знает, прописала мета тег, но сайт не вписывается в размер устройства. Почему такое может быть?

[@prikuplay]

ответь пожалуйста, если узнаешь)

[@Zahadym]

up

[@bigsasiska3921]

кавоо?

[@umalishonuy7977]

У меня / cover и в хроме не работал) я просто без него оставил, вроде работало все