JSFiddle - React, Tailwind, and code Playground

by vi161

HTML

<div class="content ">
     <a class="img1" href="galery1.html">
     </a>
     <a class="img1" href="">       
     </a>
     <a class="img1"href="">
     </a>
     <a class="img1"  href="">
     </a>
 </div>

CSS

.content{
  border:1px solid grey;
  margin:0 auto;
  max-width:100%;
  width: 278px;
  }
 a{
      margin:0 auto;
      text-align:center;
      display: block;
      float:left;
      border:1px solid yellow; 

  max-width:244px;  
  width:49%;
  min-width:100px;
  height: 100px;
  /*margin:10px*/;

    background-color:green;
}

JavaScript

document.getElementByClass(content).write('123');