Css grid, как растянуть последние блоки по ширине?
Есть такой пример, Клик codepen Можно как-то растянуть последние 3 элемента, чтобы они заполнили свободное пространство ? По типу как у flex есть flex-grow:...
›CSS Grid
В этой метке собраны вопросы по «CSS Grid»: от мелких ошибок верстки до логики скриптов и работы с браузерными API. Ответы ориентированы на практическую диагностику, понятные примеры и аккуратное исправление без лишних изменений.
28
вопросов
28
ответов
17
пользователей
Откуда берется лишняя колонка на grid?
В css указано 3 колонки. HTML <section class="gallery"> <div class="container"> <div class="gallery__inner"> <div class="gallery__item gallery__item-1"> <img src="images/gallery-img-1.png" alt=""> </div> <div class="gallery__item gallery__item-2"> <img src="images/gallery-img-2.png"...
›Как попарно разместить блоки в контейнере не добавляя обёрток?
Приветствую! Имеется неизвестное колличество блоков внутри контейнера заданной ширины. Размер контейнера динамический. Интересует возможно ли сделать так, чтобы блоки формировались по две строчки и...
›Каким образом объединить один из блоков второй колонки с первой колонкой?
Всем привет. Есть блок превью заказа, который разбит на 2 колонки: 1ая колонка - номер заказа, сумма 2ая колонка - информация о заказе (статус,...
›Какие стили нужно добавить в card, чтобы каждый элемент в card занимал столько высоты сколько есть в содержимом?
Нужно, чтобы элементы карточки tags, title, author занимали столько высоты, сколько содержимого в элементе. Важно, чтобы карточки по размеру были похожи. <!DOCTYPE html> <html...
›Если ли PHP-библиотека для конвертации HTML c CSS Grid в PDF?
Подскажите, пожалуйста, либу, которая умеет делать PDF из HTML с гридами. Это же по идее нужна поддержка CSS3, насколько я понимаю. А то я...
›Как сделать бесконечное кол-во колонок без переноса, но с заданным размером?
Как сделать бесконечное кол-во колонок без переноса, но с заданным размером? (от 100px до 200px) (на css grid) https://jsbin.com/cusopuzizu/edit?html,css,output .container { border: 1px solid...
›Kendo Grid React как добавить группировку, фильтр, сортрировку по возрастанию, убыванию?
Уже 2-й день сижу и смотрю пример в документации, но не могу понять, что нужно, а что - нет. https://www.telerik.com/kendo-react-ui/components/grid/ Если несложно, поясните, пожалуйста,...
›Как сделать так, чтобы отступ между колонками не менялся?
Делаю верстку на гридах. Задача: сделать блок с преимуществами состоящий из 3х колонок с отступом между колонками 30px и максимальной шириной каждой колонки 300...
›Как сделать сетку при помощи Grid?
Подскажите как при помощи grid разместить блоки таким образом ? <div class="review" id="review"> <div class="review__container"> <div class="review__card"> <img class="review-photo" src="./img/reviews/01.jpg" width="500" height="888" alt=""> <p...
›Как поменять последнюю линию css grid?
Есть сетка 5х3 блоков, каждый из которых 1fr в ширину и высоту. Хочу сделать сделать так, чтобы на последней строке размещалось только 2 элемента,...
›Как в grid сделать, чтобы не зависеть от template-columns?
Здравствуйте. Хочу добиться такого эффекта: Не могу понять, как избавиться от ширины колонок. По разному пробую, все никак не получается. Мой текущий код и...
›