А ты делал так?

[@frontendiya]

t.me/frontendiya

[@yzalex]

Это гениально, спасибо за совет!

[@frontendiya]

Спасибо ❤️

[@Time_bitch]

Вот ты офигеешь, когда так сделаешь на действительно сложном сайте)

[@frontendiya]

Почему ?)

[@v_katkov]

Полезно! Реально бывали такие моменты

[@sergeybayraktar]

Все гениальное - просто!) Благодарю!

[@frontendiya]

Спасибо❤️

[@TrofikBossIT]

Интересный совет, я, когда начинал, вообще комментировал целые секции и смотрел, что же мешает

[@quarasik]

я еще outline offset -1px делаю и про псевдоэлементы не забываем

[@ms__goga9654]

Базу выдал

[@whiteltd5970]

спасибо, лучше шортсы короткие с важным чем часовые ролики

[@frontendiya]

Спасибо❤️

[@nomymind.]

в часовых роликах такой информации в сотни раз больше

[@АлександрДубов-р5е]

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

[@RedSmokeish]

это называется горизонтальный скролл, а не нижний

[@_soryegeton]

Ну тип скролл снизу)

[@aslankorpeev7809]

Через js подписаться на и условие если у каждого блока ширина больше чем ширина вьбопрта выводить этот элемент в консоль

[@frontendiya]

Звучит как план))

[@СергейК-б6н]

Кстати чаще всего эта ерунда из за гридов потому что они как бы условно не сжимаемые😏

[@H1roHamada]

В некоторых браузерах есть инспектор css. Который дает такой функционал, и сверху еще куча всего интересного. Например - браузер vivaldi

[@0rkhan.d]

ОчЕнЬ кРуТаЯ фИшКа!!!

[@bagamut4487]

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

[@mihailryzhuk]

Супер, спасибо, но еще думаю нужно opacity: 1 !imp... :)

[@YoutubeAitishnik]

полезно и очень кратко)

[@frontendiya]

Спасибо❤️

[@18_cm]

Интересненько

[@AxisPod]

А можно тупо изучить возможности инструменты разработчика. Там есть галочка.

[@VaslavNovemberSky]

Можно в браузере с помощью функции слои посмотреть

[@davronmaxmudov3972]

body { overflow-x: hidden; } Кайфуйте

[@khisaxo]

Ну и остается в растянувшемся блоке обрезанный контент, который вы никак не увидите. Кайфуйте

[@davronmaxmudov3972]

@@khisaxo надо правильно верстать и кайфовать

[@КоляСолдат]

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

[@stormbraker637]

А если блок js триггериться или ховером ?

[@КоляСолдат]

@@stormbraker637 наводишся на соседние элементы. В крайнем случае можно выключить js.

[@nomymind.]

инспектор css в помощь

[@thezorged]

Чел только что раскрыл Эверест

[@frontendiya]

Спасибо)

[@iwantedthesky]

главные спасатели это console.log и border: 1px solid black

[@ЕгорХмелевский-к5м]

Так же одной функцией можно просто его отключить, все равно он никогда не используется)

[@beegoodb1213]

Полезно

[@daniil2704]

Я всегда при скроле, удалял каждый блок, и если после какого то блока, скрол пропал, то пкрезагружался и влезал уже внутрь блока и удалял оазные его эоементы, пока опчть не пропадет :)

[@blogpitsu]

так же делаю)

[@ZoRTuL-p2n]

Удобно. А у меня вопрос: overflow-x: hiden для body не поможет? Я только так и делаю

[@takemukashov3064]

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

[@oleksiimishchenko5827]

Геніально!

[@Султан-р2о]

Да ты гений(нет, элементарную фигню сказал)

[@frontendiya]

Спасибо за обратную связь)

[@user-haker_]

Только начил учитса с css с видео 1 часс обучим. Но я учусть веб разработчика😊😊

[@vgenm2457]

😅

[@skyTechVektor]

Я делаю это с помощью бордера

[@akagammi]

Так может его просто отключить при верстке?

[@aiornerok3931]

или воспользоватся браузером вивальди

[@frontendiya]

Слишком долго

[@randyhardy566]

Я джсом это делал

[@via754]

Враппер с overflow: hidden для всего внутри body давно уже как признак хорошей верстки

[@F4k13]

С position: sticky не дружит такой подход

[@КоляСолдат]

Это жесткий костыль

[@YOZHIK_YT]

@@КоляСолдат С какой стати это жесткий костыль? Кто так решил?

[@КоляСолдат]

@@YOZHIK_YT костыль всегда характеризуется устойчивостью к изменениям. В данном случае, если элементы растягиваются по ширине и создают горизонтальный скролл это создает риск того что при изменениях в этой области, видимая часть контента может уйти за родителя с hidden. Кроме того, это сразу плотнейшим образом создает вопрос устойчивости страницы к адаптивности. Из опыта могу сказать, что из сотен сайтов верстаемых и обслуживаемых мной, небыло ниразу ситуации когда нельзя было избавиться от негативно растягивающихся элементов, более того с опытом сами такие ситуации пропали.

[@YOZHIK_YT]

@@КоляСолдат Но ведь с опытом - это одно. А когда прилетает такой элемент который растягивается, то чтобы скрыть такой негативный момент, лучше написать hidden, поскольку без него в принципе весь сайт перекривиться и пользователю будет некомфортно с горизонтальным скроллом. А разработчик с опытом и так будет стараться чтобы не было такого негативного момента, а если и будет, то hidden не даст это сделать на полную.

[@PHP_Architect]

проще так... html{overflow-x: hidden}

[@relicrecoil1253]

Еще ктото до сих пор верстает сайты на ванильном ксс?

[@АлександрБурмантов-ф4ж]

Родителю overflow:hidden))

[@mayday4977]

Берешь на норм проекте ставишь и офигеешь))) Бордер люди используют испокон веков

[@UkrScript]

колобок

[@frontendiya]

Спасибо брат

[@DEDUSHKA_SIM]

Етить... нижний скролл??? ребят не стоит смотреть этот канал, а то они будут обучать вас как фиксить "нижний" скролл ....

[@frontendiya]

Не смотри, в чем проблема?

[@DEDUSHKA_SIM]

@@frontendiya да как бы со мной то понятно, я как бы не к автору канала обращаюсь, а к его зрителям)

[@alex_cherniienko]

Чувак, это очевидно. Все так делают. Зачем целое видео для такого

[@frontendiya]

Поделись, где откопал такую статистику?)

[@fusted4630]

​@@frontendiyaработа

[@ЯкубИбрагимов-х3м]

Бордер тоже ведь подойдёт?

[@arhfallen6792]

да, подойдет, но outline больше подходит для таких целей, т.к его размер не считается в блочной модели и не покривит макет

[@ЯкубИбрагимов-х3м]

@@arhfallen6792 понял, спасибо

[@israinddertou5973]

Фууу фронтенд

[@СергейЦветов-н4н]

overflow: hidden 😅

[@nicsfiftyone]

и закрепить это по overflow-x: none;

[@dimonlimon1770]

О, а я знают куда ты) Димычу привет!

[@Sergey_Klimov]

Этому учат на первых уроках по адаптиву.

[@mk3mk3mk]

,*{border:1px solid red}

[@finespais7300]

OverflowX: hiden; чел😂

[@frontendiya]

hidden, если на то пошло, чел)

[@finespais7300]

@@frontendiya токсик🤣

[@КоляСолдат]

Жесткий костыль