JSFiddle - React, Tailwind, and code Playground

by suraj ahir

HTML

<div class="main">
<div class="main-one">
  <h2>wordpess</h2>
</div>
<div class="main-one">
    <h2>php</h2>
</div>
</div>

CSS

.main-one{
  border:2px solid red;
  margin-right:10px;
  width:200px;
  text-align: center;
}
.main{
    display: flex;
}
@media only screen and (max-width: 580px) {
.main{
    display: block;
}
}