Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

2020 July 04

ЯМ

Ян Можно in Верстка сайтов HTML/CSS/JS/PHP
Bohdan Vinter
задай им flex-basis 50%
Спасибо
источник

BV

Bohdan Vinter in Верстка сайтов HTML/CSS/JS/PHP
Ян Можно
Спасибо
стой
источник

VV

Vladislav Valabuev in Верстка сайтов HTML/CSS/JS/PHP
Kirill Evdokimov
Всмысле
Шуточка про комбинации
источник

BV

Bohdan Vinter in Верстка сайтов HTML/CSS/JS/PHP
Ян Можно
Спасибо
щас я напишу как надо, это я фигню сморозил
источник

ЯМ

Ян Можно in Верстка сайтов HTML/CSS/JS/PHP
А теперь вопрос. При обжект фит: контейн у картинок теряется бордер радиус
источник

ЯМ

Ян Можно in Верстка сайтов HTML/CSS/JS/PHP
Bohdan Vinter
щас я напишу как надо, это я фигню сморозил
Не, сработало.
источник

KE

Kirill Evdokimov in Верстка сайтов HTML/CSS/JS/PHP
Ну от этих свайпов экрана у меня глаза болят. Было бы без анимации, но её не вырубить, поэтому альтабаюсь
источник

VV

Vladislav Valabuev in Верстка сайтов HTML/CSS/JS/PHP
Bohdan Vinter
а, ну если ты с тачпада пользуешься, то конечно свайпнуть быстрее)
Мыл у меня как то MSI ноут за 150к...
Через 3 дня сдал его обратно, потом купил мак.

И вот там жесты не такие сексуальные были
источник

BV

Bohdan Vinter in Верстка сайтов HTML/CSS/JS/PHP
Ян Можно
Ладно. Есть 4 флекс-айтема, можно ли сделать так, чтобы при адаптиве они встали в два ряда?
формула такая: flex-basis: calc(100% / КОЛИЧЕСТВО_ЭЛЕМЕНТОВ_В_СТРОКЕ - ГОРИЗОНТАЛЬНЫЙ_ОТСТУП_МЕЖДУ_ЭЛЕМЕНТАМИ)
источник

ЯМ

Ян Можно in Верстка сайтов HTML/CSS/JS/PHP
Bohdan Vinter
формула такая: flex-basis: calc(100% / КОЛИЧЕСТВО_ЭЛЕМЕНТОВ_В_СТРОКЕ - ГОРИЗОНТАЛЬНЫЙ_ОТСТУП_МЕЖДУ_ЭЛЕМЕНТАМИ)
Воу, спасибо
источник

BV

Bohdan Vinter in Верстка сайтов HTML/CSS/JS/PHP
Ян Можно
Воу, спасибо
если отступов между ними не надо, а в строке 2 элемента, то просто 50% тоже сойдет
источник

VV

Vladislav Valabuev in Верстка сайтов HTML/CSS/JS/PHP
Kirill Evdokimov
Ну от этих свайпов экрана у меня глаза болят. Было бы без анимации, но её не вырубить, поэтому альтабаюсь
На винде?
источник

F

Foma in Верстка сайтов HTML/CSS/JS/PHP
div
 img


div overflow border-raduis
img
display block
w 100
h 100
bg-color #333
object fit cover
источник

BV

Bohdan Vinter in Верстка сайтов HTML/CSS/JS/PHP
Ян Можно
Воу, спасибо
ну и про flex-wrap: wrap не забудь)
источник

VV

Vladislav Valabuev in Верстка сайтов HTML/CSS/JS/PHP
Прост оне понимаю, как на маке альттабать
источник

KE

Kirill Evdokimov in Верстка сайтов HTML/CSS/JS/PHP
Vladislav Valabuev
На винде?
Да
источник

ЯМ

Ян Можно in Верстка сайтов HTML/CSS/JS/PHP
Bohdan Vinter
ну и про flex-wrap: wrap не забудь)
Конечно)
источник

F

Foma in Верстка сайтов HTML/CSS/JS/PHP
Bohdan Vinter
формула такая: flex-basis: calc(100% / КОЛИЧЕСТВО_ЭЛЕМЕНТОВ_В_СТРОКЕ - ГОРИЗОНТАЛЬНЫЙ_ОТСТУП_МЕЖДУ_ЭЛЕМЕНТАМИ)
как в бутсрапе
источник

VV

Vladislav Valabuev in Верстка сайтов HTML/CSS/JS/PHP
ну на винде я просто тыкаю мышкой по  свернутым прилогам
источник

F

Foma in Верстка сайтов HTML/CSS/JS/PHP
calc 100 / count - gap
источник