Привет, как сделать так чтобы если инпуты не помещаются, они

Question

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

Null

Привет, как сделать так чтобы если инпуты не помещаются, они

врапнулись без медиа квери?

#css #frontend #html #programming #russian

0

02.06.2021

13 ответов

12 просмотров

🅑ремён Валeрьeвич Лeрмoнтoв

Инпут обворачивается в лейбл(обертка), делается прозрачным и шириной в 100%. Далее сливаются все лишние стили и обводки. Всё это добро переносится на обертку.

0

02.06.2021

Null Автор вопроса

🅑ремён Валeрьeвич Лeрмoнтoв
Инпут обворачивается в лейбл(обертка), делается пр...

есть обертка width: 100% в ней 2 дива лейбл min-width: 40% и тот в котором инпуты

0

02.06.2021

Vitaliy Kirenkov

Null
есть обертка width: 100% в ней 2 дива лейбл min-wi...

ты попробовал, что я написал?

0

02.06.2021

Null Автор вопроса

Vitaliy Kirenkov
ты попробовал, что я написал?

да, не работает или я чего то не понимаю

0

02.06.2021

🅑ремён Валeрьeвич Лeрмoнтoв

Null
есть обертка width: 100% в ней 2 дива лейбл min-wi...

Так вы сначала определите где проблема. Убирайте инпуты и смотрите правильно ли занимает место обертка. Если правильно: каждый инпут правите, (если он нативный) ищете аналогичный но оформленный обернутый.

0

02.06.2021

Vitaliy Kirenkov

Null
да, не работает или я чего то не понимаю

выложи в кодпен

0

02.06.2021

Null Автор вопроса

Vitaliy Kirenkov
выложи в кодпен

https://codesandbox.io/s/stupefied-flower-fpi7g?file=/src/scss/styles.scss:216-234

0

02.06.2021