Почему объекты не на 100% выравниваются?

Question

[Дима Клепко]

https://jsfiddle.net/3nhgs8ow/

А шапка на телефонах выглядит вот так:

Comments

[Ankhena]

На скрине я вижу заметно больше элементов, чем в CSS.
Разметку нам нужно самим придумать?

Размещайте пример в песочнице на jsfiddle.net или аналоге.

[Дима Клепко]

Ankhena, разместил

[Ankhena]

Дима Клепко, видно ведь, что инпут с временем вывалился из-за размера шрифта. Ограничьте ему ширину.

[Дима Клепко]

Ankhena, спасибо

Answer 1

[OKAnDrex]

Родитель должен быть на 100%
Скорее всего в данном случае
body{
width: 100%;
}