🅚
Тогда тебе нужен grid
Глянь свойсвто grid-template-columns
В зависимости от экрана на медиазапросе изменяй значение этого свойства
Глянь свойсвто grid-template-columns
В зависимости от экрана на медиазапросе изменяй значение этого свойства
Size: a a a
2020 May 01
О
не задавай height вообще
О
у тебя высота карточки будет зависеть от контента
О
есть полифил вроде
🅚
Т.е. ты хочешь на последних версиях html/css сделать верстку для стареньких телефонов?)
К
Т.е. ты хочешь на последних версиях html/css сделать верстку для стареньких телефонов?)
XHTML 1.0
p
Width: calc(100% / 12 * 3 - margin)
2020 May 02
p
Непонятно как должно быть. Есть макет?
Сделай основному блоку верх и низ паддинг по 10%, тогда дочерние блоки будут по 80%
Сделай основному блоку верх и низ паддинг по 10%, тогда дочерние блоки будут по 80%
U
а как это должно выглядеть
p
p
Так должно быть ?
p
Aspect ratio box сделай или гриды или высоту хардкодить.
Я все равно не понял, что ты хочешь сделать, но очень захотелось помочь, сделать доброе дело
Я все равно не понял, что ты хочешь сделать, но очень захотелось помочь, сделать доброе дело
VL
Я хочу сделать примерно такую адаптивную сетку, которая примерно от 250px экрана до 1300px экрана по width: https://codepen.io/Vitalijs/pen/pojWZjN
сделать я сделал, но вопрос - как без медиа запросов это было сделать. Вот и всё )
сделать я сделал, но вопрос - как без медиа запросов это было сделать. Вот и всё )
p
V. Lavrinovichs 🇦🇹
Я хочу сделать примерно такую адаптивную сетку, которая примерно от 250px экрана до 1300px экрана по width: https://codepen.io/Vitalijs/pen/pojWZjN
сделать я сделал, но вопрос - как без медиа запросов это было сделать. Вот и всё )
сделать я сделал, но вопрос - как без медиа запросов это было сделать. Вот и всё )
p
А почему без медиа?
К
V. Lavrinovichs 🇦🇹
Я хочу сделать примерно такую адаптивную сетку, которая примерно от 250px экрана до 1300px экрана по width: https://codepen.io/Vitalijs/pen/pojWZjN
сделать я сделал, но вопрос - как без медиа запросов это было сделать. Вот и всё )
сделать я сделал, но вопрос - как без медиа запросов это было сделать. Вот и всё )
гриды?)
VL
Ладно, благодарю, пока что тогда ниче. :)
Q
Ребят, подскажите как можно сделать чтобы эти блоки тоже стали равными по высоте в соответствии с первым. Блоки создаются динамически, поэтому трудность возникла. что нижние начинают некрасиво обтекать верхние... Фреймворк для CSS - Materialize. Но как то можно это прописать в классе одного блока чтобы последующие уже на него ориентировались?
m
Ребят, подскажите как можно сделать чтобы эти блоки тоже стали равными по высоте в соответствии с первым. Блоки создаются динамически, поэтому трудность возникла. что нижние начинают некрасиво обтекать верхние... Фреймворк для CSS - Materialize. Но как то можно это прописать в классе одного блока чтобы последующие уже на него ориентировались?
Мб докинь просто height:100% или flex-grow, если это на флексе?
Боги CSS, поправляйте, а то я человеку, наверное, костыль выписываю.
Боги CSS, поправляйте, а то я человеку, наверное, костыль выписываю.
Q
Мб докинь просто height:100% или flex-grow, если это на флексе?
Боги CSS, поправляйте, а то я человеку, наверное, костыль выписываю.
Боги CSS, поправляйте, а то я человеку, наверное, костыль выписываю.
все флексом получилось, я думал может на materialize класс есть специальный, а так прописал display: flex; align-items: stretch; все норм. Спасибо)