JSFiddle - React, Tailwind, and code Playground

by Rajan Paneru

HTML

<div class="row">
      <div class="col-lg-12">
           <div id="myDiv">
               my div
              <button>Full Screen</button>
          </div>
      </div>
 </div>
 dfasd 
 sdf
 sadf
 sda
 fas
 d

CSS

#myDiv.fullscreen{
    z-index: 9999; 
    min-width: 100%; 
    min-height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
 }

#myDiv{
  background:#cc0000; 
  min-width:500px; 
  max-width: 500px;
  min-height:400px;
  transition: all 500ms;
  }

JavaScript

$('button').click(function(e){
    $('#myDiv').toggleClass('fullscreen'); 
});