AP
Евгений
Народ,привет. как делать вот такие вот элементы, которые выходят за пределы контейнера?пробовал задать им отрицательный маржин, но при адаптиве всё пляшет. есть другой какой нибудь способ?
не вставлять их в контейнер
Size: a a a
2020 July 13
ЕВ
Евгений
Народ,привет. как делать вот такие вот элементы, которые выходят за пределы контейнера?пробовал задать им отрицательный маржин, но при адаптиве всё пляшет. есть другой какой нибудь способ?
Абсолют и overflow: hidden
С
/notes@MissRose_bot
R
Сергей Торопыгин
/notes@MissRose_bot
Список заметок в чате Чат — Типичный Верстальщик:
-
-
-
-
-
-
-
Вы можете получить эти заметки, используя
-
документация_smartgrid_от_лаврика-
карта_обучения_верстальщика-
макеты_в_figma-
полезно_почитать-
полезные_инструменты-
сборки_gulp-
шпаргалкиВы можете получить эти заметки, используя
/get notename, или #notenameR
Список заметок в чате Чат — Типичный Верстальщик:
-
-
-
-
-
-
-
Вы можете получить эти заметки, используя
-
документация_smartgrid_от_лаврика-
карта_обучения_верстальщика-
макеты_в_figma-
полезно_почитать-
полезные_инструменты-
сборки_gulp-
шпаргалкиВы можете получить эти заметки, используя
/get notename, или #notenameR
Приветствуем в чате верстальщиков и фронтендеров, Vladislav! 🖐🏻
Будет круто, если ты расскажешь о немного о себе. Наш чат открыт для каждого: кто хочет учить и учиться! 👩🏼💻👨🏼💻
В последнее время у нас появилось много участников, поэтому правила — важный компонент для сохранения мира в сообществе. Ознакомься с ними😉
Полезные ресурсы – /notes
Вызвать админа (используйте при острой необходимости!) – /adminlist
Будет круто, если ты расскажешь о немного о себе. Наш чат открыт для каждого: кто хочет учить и учиться! 👩🏼💻👨🏼💻
В последнее время у нас появилось много участников, поэтому правила — важный компонент для сохранения мира в сообществе. Ознакомься с ними😉
Полезные ресурсы – /notes
Вызвать админа (используйте при острой необходимости!) – /adminlist
VC
Всем привет, Кто подскажет как лучше сверстать такое, при абсолютном позиционировании при адаптации все съезжает выезжает за границы, справа линия начинает протыкать текст
V
Выбираешь один из трёх айтемов и к нему добавляешь бефоре с апсолюбом
V
А при адаптации выстраивать их в столбик и убирать бифоре
VC
А при адаптации выстраивать их в столбик и убирать бифоре
Спасибо попробую, я делал через див с залитым бг в 1px
I
Всем привет, кто то юзает этот шаблонизатор Nunjucks?если да то поделитесь впечатлениями
G
Помогите пж. Не могу адаптировать сайт под мобилки. Питался через медиа задать максимальную ширину, не помогло. Может кто сталкивался с данной проблемой, как решили? Выходит так, что ширина сайта больше ширины экрана телефона.
G
G
К примеру вот так у меня
G
G
А надо вот так
V
Gynobibliophob
Помогите пж. Не могу адаптировать сайт под мобилки. Питался через медиа задать максимальную ширину, не помогло. Может кто сталкивался с данной проблемой, как решили? Выходит так, что ширина сайта больше ширины экрана телефона.
А как ты задавал максимальную ширину? Сразу всему body?
G
Нет, я создал блок обёртку, внутри него хедер и внутрь хедера блок в котором максимальная ширина
G
body {
text-align: center;
font-family: 'Lato', sans-serif; }
.wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
min-width: 100vw; }
.body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 1100px;
margin: auto; }
text-align: center;
font-family: 'Lato', sans-serif; }
.wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100vh;
min-width: 100vw; }
.body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 1100px;
margin: auto; }