K
если полностью скопировать левый код, то работает нормально
Size: a a a
2021 June 15
K
не понимаю какое свойство отвечает за это
AS
Наверное дисплей или бокс сайзинг
M
подскажите, пожалуйста, как при помощи гридов и такой разметки
<div>
<div></div>
<div></div>
<div></div>
</div>
расположить первые 2 дива в один ряд, а третий во второй ряд (чтобы он зянял всю ширину, то есть 2 ячейки получается)
<div>
<div></div>
<div></div>
<div></div>
</div>
расположить первые 2 дива в один ряд, а третий во второй ряд (чтобы он зянял всю ширину, то есть 2 ячейки получается)
AS
А флексом не вариант? Или тут нестандартная сетка?
M
можно и флексом, но мне надо так, чтобы они все три были в ряд, а на маленьком разрешении 2 в ряд и один под ними (не меняя разметку)
AS
Так разметка и флексом не меняется) если имеешь ввиду что уже на гридах то тогда извиняй)
I
посмотри сегодня около 3х часов ночи были кодпены и скриншоты от меня. может сможешь адаптировать под себя?
M
не, можно и на флексах, но я думал, что на гридах проще, а на флексах надо разметку менять
AS
Три в ряд это flex с flex1 у детей и флекс врап новрап а на мобилке тогда врап-врап
AS
А так не было необходимости менять разметку
AS
Надо будет глянуть но то что надо менять разметку ты сейчас меня сильно удивил ибо это чересчур просто реализуемо для флекса как мне кажется чтоб юзать тут гриды
I
да на самом деле можно и на том и на другом реализовать
I
просто иногда люди не хотят вникать....
M
три в ряд
display: flex;
justify-content: space-between;
а как не меняя разметку сделать 2 в ряд и третий под ними?
display: flex;
justify-content: space-between;
а как не меняя разметку сделать 2 в ряд и третий под ними?
AS
Врап врап у флекса и третий если не влезет перенесется
AS
Но это как минимум
АМ
как выбрать каждый 1 элемент?
то есть...
то есть...
<div class="block"></div> - сюда стили прописываем<div class="block"></div> - сюда стили не прописываем<div class="block"></div> - сюда стили прописываем.block:(1n) {} - как то так....?K
а это вообще логично рубль как свг ставить?