Вопросы с меткой [css-grid]
Модуль CSS Grid описывает двухмерную систему создания раскладок, основанную на сетке, оптимизированную для создания пользовательских интерфейсов. В сеточной модели раскладки, потомок grid-контейнера может быть позиционирован в произвольный слот в заранее определенной тянущейся или фиксированной сеточной раскладке.
205 вопросов
- Конкурсные 0
- Неотвеченные
- Цитируемые
- Рейтинг
- Популярные
- За неделю
- За месяц
- Неотвеченные (мои метки)
1
голос
1
ответ
95
показов
CSS grid адаптивное расширение/сжатие ячеек
Я пытаюсь сделать так, чтобы столбцы были одинаковой ширины и могли свободно расширяться/сужаться при вводе или удалении чисел. Мне удалось добиться желаемого результата, но как предотвратить ...
0
голосов
0
ответов
49
показов
Как сделать равномерное расстояние в сетке грид?
подскажите , как сделать так, чтобы блоки в грид сетке были на расстояние которое я задал в значении параметра gap. Просто сейчас оно как-то не равномерно стоит
.list {
width: 1760px;
height: ...
0
голосов
0
ответов
62
показа
grid-template-rows: .25fr ведёт себя странно в хроме
Два года назад было видео про анимацию высоты: https://www.youtube.com/watch?v=B_n4YONte5A.
Сейчас я попытался использовать его и оказалось, что в хроме grid-template-rows ведёт себя странно и не так, ...
0
голосов
1
ответ
92
показа
Как с помощью Grid CSS / Flex CSS сделать такую сетку с блоками?
Проблема в том, что я не знаю сколько блоков у меня может быть. Ширина каждого блока 351px. Высота блока определяется количеством текста в нём.
Блоки адаптивные, т.е. при сужении страницы, минимальное ...
0
голосов
1
ответ
54
показа
TailwindCSS Masonry Grid
готов заплатить с решение проблемы и помощи мне(я не сильно разбираюсь):
допустим есть грид на 5 колонок на 10 элементов:
<div class="columns-5 gap-5">
<img src="https://i....
0
голосов
1
ответ
62
показа
GRID. Как занимать элементу доступную ширину?
Всем привет. В одном ряду могут находиться максимум три столбца, а потом при добавление нового пункта списка идёт перенос на новую строку и при этом элемент должен будет занять всю доступную ширину ...
0
голосов
2
ответа
135
показов
Контейнер для изображений с сохранением пропорций
Всем привет!
Есть контейнер, в котором размещаются изображения, их число может быть любым, в данном случае 3. Изображения размещаются в строку, без переносов. Сами изображения с произвольным ...
2
голоса
2
ответа
106
показов
justify-items не выравнивает разделённые тегом br текстовые узлы
Если каждая строка обёрнута в span, то всё работает правильно, а если переносы строк сделаны через br, то весь текст центрируется единым куском. По идее br - это тег, а значит каждая строка должна ...
0
голосов
1
ответ
104
показа
Как запретить растяжение строки по высоте в grid контейнере?
.grid_container {
height: 100vh;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 2fr 1fr;
}
.item {
text-align: center;
background-color: #4a7a60;
padding: 3px;
...
Aldmi's user avatar
- 1,947
0
голосов
2
ответа
207
показов
Как при помощи grid расположить изображение справа от текста?
Подскажите пожалуйста как расположить изображение справа от текста так, что бы оно не вылезало за пределы карточки. Получается так:
А должно выглядеть так:
Хотелось бы узнать как лучше располагать ...
2
голоса
1
ответ
103
показа
Установка высоты ряда по меньшему элементу в этой строке (grid)
Есть таблица с одной строкой. В этой строке только два элемента. Элементы одинаковые, за исключением содержания в блоках. Эти блоки имеют возможность прокрутки контента. Нужно что бы меньший элемент ...
0
голосов
0
ответов
56
показов
Как горизонтально выровнять надписи относительно "Бургера" на мобильной версии?
Есть вот такой сайт:
https://client.evroflag.by/purl2/index.php?c=72764&p=3399072&e=13
На его мобильной версии, есть 2 мобильных меню. Рядом с которыми их названия.
Но я не могу понять, как их ...
1
голос
0
ответов
69
показов
Css grid Как создать
проломал голову уже часов 6, не получается сверстать блок. А именно друг под друга поставить могу, но чтобы фото занимали пустое пространство не получается(
Заранее спасибо)
0
голосов
1
ответ
94
показа
Почему calc превращает отрицательное число повторений в одно?
Почему в Хроме (версия 121 и не только) repeat(-10, 1fr) является ошибкой, а repeat(calc(-10), 1fr) ведёт себя как 1? С другими неположительными числами - аналогично. Я ожидал, что поведение будет ...
0
голосов
1
ответ
180
показов
Расположить элементы на равном расстоянии друг от друга с помощью css-grid
Тренируюсь использовать css-grid, пытаюсь расположить три элемента в хэдере на одном расстоянии друг от друга, но они все сместились в левую сторону и не хотят задействовать левую часть контейнера. То ...