Извиняюсь если вопрос тупой и непонятный, только начал осваивать флексы, там еще видео посмотрел где говорят про эту проблему на конференции и чувак сказал, что они всем офисом не смогли ее решить =) А в другом видео услышал, что медиазапросы по минимому можно использовать, но это не так, если хочешь сделать достаточную гибкость, как оказалось =(
SuperToster, Я хотел сделать автоадаптив без единого медиа зпроса с помощью wrap.. Вот что хотел - https://codepen.io/anon/pen/bogpjR Но здесь единственный минус, это что блок врапающийся оказывается в центре, но этого конечно никак не избежать.
С медиа запросами конечно все без проблем можно сделать, у вас в примере кстати все равно не то что нужно.. Последний блок когда спадает на новую строку он на всю ширину растягивается.
Вообщем в любом случае надо делать контейнер, как в бутстрапе и фигачить также как на флотах. Хотя в моем примере вроде все круто, за исключением блоков которые скатываются немного не по моему хотению.
хм.. Не совсем понял что за проблему решает ваш код!
1) Где мой адаптив
2) Зачем max-width, если flex-basis стоит?
3) Зачем wrap, если он не используется, так как ширина всегда будет 33%?
Идея в том, что я хотел без медиа запросов сделать адаптив, в вашем же примере надо еще классы для адаптива делать..
zorca, для меня проблема уже то, что эти блоки плавают и отступ идет какой то рандомный.. Если на макете там будет конкретный отступ, то придется на глаз подстраивать, что все сошлось с макетом. Если же я делал обычные отступы, я бы поставил четкий отступ от верхнего элемента. А потом дизайнер добавит 4-й блок уже с другим отступом и придется опять перестраивать все.. Вообщем много всего переходит в распоряжение браузера.
Вот допустим добавилось что то.. Как мне элемент center приподнять немного допустим? Надо его переносить будет в верхний блок и там уже делать отступы. Вообщем как не крути perfect-pixel не получится сделать на флексах.. И я уверен, что моим заказчикам это не очень понравится
Сергей, вообщем сори, понял что без медиа запросов никак, все равно нужен контейнер с фиксированной шириной, которую и надо менять.. https://codepen.io/anon/pen/YrNXxz - вот что получилось, но блоки не очень послушные выходят.. Видео посмотрел и что то показалось, что действительно возможно сделать без медиа запросов, но без них контроля никакого =(
Вот заказчик нам сказал средний текст немного опустить и кнопочку приподнять.. текст опустил, все норм, но кнопочку поднял все немного похерилось.. Это как пример, понятно что кнопку лучше абсолютом здесь сделать, но кажется таких нюансов много будет и надо будет городить костыли или все переделывать потому что заказчик что то там захотел
kulaeff, Но тогда верстка значительно усложняется.. Если допустим я сделал авто позизиционирование с помощью space-between, а заказчик просит средний блок немного опустить или поднять.. Конечно можно сделать но кажется это ужас
Сергей, проблема в том, что их все же надо по центру ставить, когда место есть свободное.. Так как у них есть максимальная ширина и я не хочу чтобы они растягивались на весь экран..
Вот и у меня такая же проблема.. Постоянно дома и даже поход в магазин находится за моей зоной комфорта, что не может не удручать. Поделитесь советами, как это можно исправлять?
У меня должны быть селекты для выбора цвета ручки и цвета чернил например.. В зависимости от выбора js должен найти id варианта, которому принадлежат эти характеристики
