Tailwind – React – лучший способ структурировать HTML в зависимости от размеров экрана ⇐ CSS

[Anonymous]

Как лучше всего обработать элемент, который должен оставаться в определенном месте, если ширина экрана > X, и оставаться в другом месте, если ширина экрана < X?
Пример: https://jsfiddle.net/ovujgsz0/7/
Я хочу, чтобы левый столбец располагался под правым столбцом, если размер экрана меньше 1024 пикселей.Один из способов, который я вижу, — это объявить div#leftColumn в обоих местах (начальном месте и рядом с div#rightColumn), а затем просто использовать классы попутного ветра для его отображения в зависимости от размер экрана. Но это кажется неправильным.
Что, если у меня есть более крупный и сложный компонент? Мне кажется, что это решение создаст проблемы с отображением большего количества контента, чем необходимо.

Подробнее здесь: https://stackoverflow.com/questions/787 ... reen-sizes