Как сделать формы?

Question

[Super Star]

Вы будете смеяться но я не могу сделать это:


Суть в том чтобы до min-width: 768px выглядело как на скрине, а уже ниже инпуты должны занимать всё пространство блока. мало того что у меня получилось чёрт знает что так еще и форма почему-то выходит за пределы блока О_о.

В общем лапки к верху. Я сдаюсь. Мне нужна помощь
Вот тот ужас который получился у меня: https://jsfiddle.net/t3k8mskj/

Answer 1

[ivan1kazantsev]

Много лишнего, обертки под инпуты вообще не понятно для чего нужны.

Как-то так, но это набросал, можно и лучше: https://jsfiddle.net/t3k8mskj/5/

Answer 2

[automatik]

Убери из медиа .my-form_imput и оставь только .my-form_item

@media (min-width: 768px) {
  .my-form_item {
    width: 25.75%;
    margin-right: 1%;
  }  
}

https://jsfiddle.net/t3k8mskj/2/

Comments

[Super Star]

А форма которая выходит за пределы блока?

[automatik]

Андрей Рысь: так это из-за padding: 20px