Почему input не ужимается до родительского блока?

Cyber_bober: не элегантно же) вон глянь, как во флексе получилось)

Почему input не ужимается до родительского блока?

Cyber_bober: уже лучше)
А если слева будет какой-нибудь span неизвестной ширины?)
https://jsfiddle.net/DTX_/remhm2pu/

Почему input не ужимается до родительского блока?

Cyber_bober: тогда не будет учитывать padding родительского блока

Почему input не ужимается до родительского блока?

Так в том и вопрос, что нужно добавить, чтобы он нормально сжимался-растягивался. Статика в width не катит.

Как сделать одинаковые отступы между всеми элементами?

Алексей Струков: везде двойной отступ) в принципе, имеет право на жизнь
Вот мой, с полноценным эффектом.. В первой строке)
https://jsfiddle.net/DTX_/bLbc377j/

Как сделать одинаковые отступы между всеми элементами?

Алексей Струков: 1px это для проверки)
> добавил паддинг, теперь все работает правильно
Куда смотреть?)

Со вторым впросом разаборлся. Надо крестик вынести направо через position: absolute; к блоку довить padding--right, а к текстк - overflow: hidden

Как сделать одинаковые отступы между всеми элементами?

Алексей Струков: https://jsfiddle.net/DTX_/p16pemkz/1/
Мб заодно сможешь помочь решить проблемку) Надо чтобы первый блок не залезал за края родитльского при уменьшении последнего.
i.imgur.com/etlO4DD.png
Пробовал и overflow применять, и flex-shrink..

Как сделать одинаковые отступы между всеми элементами?

Алексей Струков: для внутренних элементов? Тогда между ними будет 2px.

Как сделать одинаковые отступы между всеми элементами?

Алексей Струков: сложности возникают из-за пробелов между inline-элементами..
Потом возникают странные разметки типа
.wrapper padding: 0 5px 5px 10px;
.element margin: 5px 5px 0 -0.25em;

Про 0.25 уже сказали. Чтобы сделать границу в 1px надо ещё повозиться. А на флексе будет просто
.wrapper padding: 0px 1px 1px 0px;
.element margin: 1px 0px 0px 1px;

Почему input отображается не как div?

Sergey Goryachev: уж лучше заморачиваться над заданием без костылей, чем с ним)

Почему input отображается не как div?

так у меня к диву было применено display: inline-block

Почему input отображается не как div?

Алексей Струков: только хром. И то случайно заметил, т.к. 90% стояло

Можно ли сделать адаптивную картинку через флекс-бокс?

Хотелось бы без js. Без js можно в высоту установить высоту родительского блока?

Как начать разрабатывать на Angular, используя Codeigniter для бэкенда?

GaserV: думаю, если писать всё на чистом фреймворке, то изучить ларавел мб и имеет смысл (маршруты там вроде попродвинутей, например). А если ангуляр на фронт прикручивать, то перспектив не особо много видно

Как начать разрабатывать на Angular, используя Codeigniter для бэкенда?

GaserV: а зачем Laravel? CI прост, быстр, всем устраивает. Думал выучить Laravel, но пока не до этого. Плюс, не видно большой необходимости его учить.

CSS. Как сделать такой же список, как и на тостере?

Sergey Goryachev: вот с почти я разобраться и не могу) В (0) описал проблемы..

CSS. Как сделать такой же список, как и на тостере?

Sergey Goryachev: ну посмотрите, как на тостере это выглядит на узком экране. Там при нажатии основной блок сворачиваются, а остльные выезжают. Так, если выбрано Item2, он будет и среди разворачиваемого списка (т.е. присутствует дважды в html)

CSS. Как сделать такой же список, как и на тостере?

Аналогично, при разворачивании родитель сворачивается, а стрелочка остаётся. Поэтому была попытка вынести её в absolute

CSS. Как сделать такой же список, как и на тостере?

При разворачивании родитель сворачивается, а стрелочка остаётся. Поэтому была попытка вынести её в absolute

CSS. Как сделать общий фон у двух блоков?

Спасибо!
А про нюансы пару слов можно?)