JSFiddle - React, Tailwind, and code Playground

by adam smth

HTML

<div class="desktop">
     <h3>one</h3>

     <h3>two</h3>

     <h3>three</h3>

</div>
<div class="mobile">
     <h3>three</h3>

     <h3>two</h3>

     <h3>one</h3>

</div>

CSS

.mobile {
    display: none;
}
.mobile > h3 {color: blue;}
@media (max-width: 600px) {
    .mobile {
        display: inline;
    }
    .desktop {
        display: none;
    }
}