Как поменять порядок горизонтальных рядов?

Question

[emptinessandform]

извините за такой примитивный вопрос. Но я застрял, а спросить могу только у вас.

расставляю сейчас медиа-запросы.
в широкоформатном режиме блоки имеют такой вид:


1й блок - картинка с лева, текст с права
2й блок - текст с лева, картинка с права

естественно для маленьких разрешений я хочу что бы картинка была с верху, а текст с низу в двух блоках. Но во втором у меня не получается поменять местами текст с картинкой. Все сделано на процентах и я делаю без Bootstrap'a.

Answer 1

[Юлия Старченко]

мне кажется, было бы правильнее сделать одинаковую разметку для обоих блоков, тогда при маленьких разрешениях блоки будут идти в нормальном потоке, а в широкоформатном режиме вы бы очень легко смогли поменять картинку и текст местами. конечно, если это еще не поздно сделать.

Comments

[emptinessandform]

ну я только тренируюсь, на шаблонах, по этому могу все переделать. То есть вы имеете введу при большом разрешении, блоки с одинаковой разметкой раскидывать например с помощью float?

[Юлия Старченко]

да, именно это я и имею ввиду) вообще, как совет: старайтесь делать разметку сначала под мобильные, т.е. как бы все выглядело, если бы каждый елемент просто шел друг за другом, а уже для больших разрешений исправить позиционирование будет гораздо проще.

[emptinessandform]

Юлия Старченко: да надо попробовать, сначала мобильные. Может я все в корне делаю не правильно.

Answer 2

[Евгений Петров]

Не пойму проблемы. Вроде всё несложно.

Comments

[emptinessandform]

да, вроде выглядит не сложно, но я до такого не додумался.
спасибо за такой развернутый ответ.
Удачи вам!