JSFiddle - React, Tailwind, and code Playground

by vovkasolovev

HTML

<div>
<div class="popup">
<a href="https://podhod.ru"><button>podhod.ru</button></a>
</div>
</div>
<style>
body{margin:0; padding:0}
.popup{background: #77ffff; display: inline-block; position: absolute; left:50%; top:50%;padding: 30px; transform: translate(-50%, -50%)}
.popup{background: #77ffff; display: inline-block; position: absolute; left:50%; top:50%;padding: 30px; transform: translate(-50%, -50%)}
@media only screen and (min-device-width: 480px){
.popup{}  
}
For tablets
@media only screen and (min-device-width: 768px){
  
}
</style>