N
Предоставляю код: https://codepen.io/ressent1ment/pen/MWpgMEB
Убрать паддинг райт не помогло.
должно выглядеть вот так
Size: a a a
2021 May 05
В
У меня все ок
VK
ещё вопросы?
VK
по первому тапу появляется панель сафари, по второму уже проходит клик по иконке
M
Вопросов не имею
VK
посмотри пару видосов, как верстают нормальные люди, ибо сейчас юзать флоат для этой задачи - такое себе, ещё и макс видс 611...
Д
Я с флоута выпал
N
Вот только на андроиде эта панель не появляется по клику, на айфоне - да
ТФ
подскажите, нужно сделать такой грид, зеленая часть = 5 желтых, никак не получается расположить зеленую часть в правильно месте https://codepen.io/tfomina/pen/zYZOVxL как поправить?
VK
и советую юзать немного сокращения, например
grid-column-start: 3;
grid-column-end: 8;
сократить до
grid-column: 3 / 8;
и так далее
grid-column-start: 3;
grid-column-end: 8;
сократить до
grid-column: 3 / 8;
и так далее
ТФ
а почему grid-template-columns: repeat(8, 1fr); делает не то же самое, что grid-template-columns: 1fr 1fr 5fr 1fr ?
VK
потому что с рипитом я создаю 8 колонок, а в твоём варианте только 4
VK
grid-column-end: 8; и вот тут ты ставишь ограничение в какую-то дальнюю 8ю колонку, которой у тебя и близко нет
ТФ
поняла, спасибо
ZA
потому что в первом варианте создаются 8 колонок одинаковой ширины
а во втором случае 1,2 и 4 колонки будут одинаковыми, а 3 в 5 раз больше остальных
а во втором случае 1,2 и 4 колонки будут одинаковыми, а 3 в 5 раз больше остальных
FJ
кто может подсказать почему в инспекторе firefox появляются два скролла горизонтальный и вертикальный в адаптиве? В хроме все норм и для body у меня стоит overflow-x hidden что за фигня? не пойму? http://prntscr.com/12iutks
Б
Господа, а не подскажите, можно ли как-то застилизовать option? нужен отступ между элементами? https://codepen.io/boggddan/pen/OJpLKWZ
Б
<select class="catalog-filter-item__select">
<option class="catalog-filter-item__option">Выберите значение--</option>
<option class="catalog-filter-item__option">
Лондон
</option>
<option class="catalog-filter-item__option">Нью-Йорк
</option>
</select>
select {
font-size: 16px;
line-height: 30px;
padding: 10px;
}
.catalog-filter-item__option {
font-size: 16px;
line-height: 30px;
padding: 10px;
}