JSFiddle - React, Tailwind, and code Playground

by mahdiar_mansouri

HTML

<div class="container d-flex flex-column flex-md-row ">
   ...
</div>

CSS

.flex-column {
    flex-direction: column;
}
@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row;
    }
}