Size: a a a

HTML/CSS — русскоговорящее сообщество

2021 April 12

KB

Konstantin Bashkov in HTML/CSS — русскоговорящее сообщество
а чтобы не городить все подряд на гридах их совмещают с флексами.
источник

GK

Gennady Kazantsev in HTML/CSS — русскоговорящее сообщество
спасибо за ответ. Во время верстки на одних флексах было очень много оберток. Надеюсь, гриды помогут от этого избавиться
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
гриды предназначены для описания двумерных раскладок. так что да, там, где ты давал обёртку, она больше не понадобится
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
короче, смотри, там стоит неверная ширина и высота. SVG работает с этими данными как с доступной областью, потому и обрезает к херам. Вариантов у тебя два:

1. правильно указать ширину и высоту
2. правильно указать viewBox — собственно, доступную область

Второй вариант в тыщу раз предпочтительнее первого https://codepen.io/alinaki/pen/oNBEPmb
источник

В

Володя in HTML/CSS — русскоговорящее сообщество
большое спасибо
источник

i

iwannafly in HTML/CSS — русскоговорящее сообщество
подскажите, пожалуйста, как можно на гридах сделать следующее, вне зависимости от количество строк, всем строкам дать, например min-content, а последней всегда иное значение? количество строк заранее не известно
источник

KB

Konstantin Bashkov in HTML/CSS — русскоговорящее сообщество
гриды это не про программирование. Там условий нет. Только простейшие арифметические ф-ии.
источник

L

LZD in HTML/CSS — русскоговорящее сообщество
last-child?
источник

KB

Konstantin Bashkov in HTML/CSS — русскоговорящее сообщество
last-child чего? grid-template-row?
источник

L

LZD in HTML/CSS — русскоговорящее сообщество
ну чо у тебя там в строке
источник

L

LZD in HTML/CSS — русскоговорящее сообщество
последней
источник

KB

Konstantin Bashkov in HTML/CSS — русскоговорящее сообщество
источник

KB

Konstantin Bashkov in HTML/CSS — русскоговорящее сообщество
как можно применить псевдокласс для свойства шаблона?
источник

KB

Konstantin Bashkov in HTML/CSS — русскоговорящее сообщество
мб я чего-то не понимаю )
источник

L

LZD in HTML/CSS — русскоговорящее сообщество
он применяется к элементам которые в твоем грид контенере
источник

L

LZD in HTML/CSS — русскоговорящее сообщество
нашел последний эелемент фиганул ему высоту вся строка выросла в размер этого элемента
источник

VK

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество
grid-auto-rows: твоё значение;
источник

L

LZD in HTML/CSS — русскоговорящее сообщество
ведь последний эелмент в последней строке?
источник

KB

Konstantin Bashkov in HTML/CSS — русскоговорящее сообщество
не, ну ради бога... я наверняка чего-то не понял просто. Думал там в ряду может быть несколько элементов.
источник

i

iwannafly in HTML/CSS — русскоговорящее сообщество
это даст всем одинаковое же
источник