Как поменять боковую панель в Skeleton CSS Grid на маленьких экранах?
Я новичок в использовании скелетных CSS-сеток, поэтому прошу прощения за мое невежество!
Поначалу моя проблема кажется простой, но она меня немного озадачила.
Скажем, например, что у меня есть веб-сайт с боковой панелью левого столбца шириной 4 столбца, а затем область содержимого правого столбца, охватывающая 12 столбцов. Что-то вроде этого:
На экранах меньшего размера боковая панель сворачивается, чтобы оказаться поверх основной области содержимого. Хотя это не то, что я хочу... из-за линейного характера при меньших размерах я хочу, чтобы боковая панель отображалась под основной областью, чтобы контент отображался "первым" на более мобильных устройствах.
Поведение Skeleton по умолчанию заключается в размещении этой боковой панели поверх основной области.
Любые идеи относительно решения по этому вопросу? Могу ли я использовать отрицательные поля и семантически корректировать разметку, чтобы разместить боковую панель ниже основной области?
Спасибо, Майкл.