0 points

How to use css-order in responsive design?


dashboard

Tue May 19 2020 05:03:37 GMT+0000 (UTC)

Posted by @price_the_ice #css

<style>
.wrapper {
  display: flex;
  flex-direction: column
}

@media only screen and (max-width: 767px) {
  .wrapper1 {
    order: 2
  }
  .wrapper2 {
    order: 1
  }
}
</style>

<body>
  <div class="wrapper">
    <div class="wrapper1">
      <div class="col s12 l6">
        some text
      </div>
    </div>
    <div class="wrapper2">
      <div class="col s12 l6">
        some more text
      </div>
    </div>
  </div>
</body>
content_copy
https://stackoverflow.com/questions/55767086/how-to-use-css-order-with-materialize

>> Browse more code snippets

more_vert