JSFiddle - React, Tailwind, and code Playground

by Romanouski_Tucke_9

HTML

<!Doctypehtml>
<html>

  <body>
  <div id="Answers">
  <h1>
  
  </h1>
  </div>
    <div id="a1">
      <h1>
        1
      </h1>
    </div>
    <div id="b2">
      <h1>
        2
      </h1>
    </div>
    <div id="c3">
      <h1>
        3
      </h1>
    </div>
    <div id="d4">
      <h1>
        4
      </h1>
    </div>
    <div id="e5">
      <h1>
        5
      </h1>
    </div>
    <div id="f6">
      <h1>
        6
      </h1>
    </div>
    <div id="g7">
      <h1>
        7
      </h1>
    </div>
    <div id="h8">
      <h1>
        8
      </h1>
    </div>
    <div id="i9">
      <h1>
        9
      </h1>
    </div>
    <div id="j0">
      <h1>
        0
      </h1>
    </div>
    <div id="Add">
      <h1>
        +
      </h1>
    </div>
    <div id="Sub">
      <h1>
        -
      </h1>
    </div>
    <div id="Divide">
      <h1>
        /
      </h1>
    </div>
    <div id="Multiply">
      <h1>
        *
      </h1>
    </div>
    <div>
      <h1 id="AC">
        A/C
      </h1>
    </div>
  </body>

</html>

CSS

#a1 {
  Border-style: solid;
  height: 55px;
  width: 33.3%;
}

#b2 {
  Border-style: solid;
  height: 55px;
  width: 33.3%;
}

#c3 {
  Border-style: solid;
  height: 55px;
  width: 33.3%;
}

#d4 {
  Border-style: solid;
  height: 55px;
    width: 50%;
}
#e5 {
  Border-style: solid;
  height: 200px;
    width: 50%;
}

#f6 {
  Border-style: solid;
  height: 55px;
    width: 50%;
}

#g7 {
  Border-style: solid;
  height: 55px;
    width: 50%;
}

#h8 {
  Border-style: solid;
  height: 55px;
    width: 50%;
}

#i9 {
  Border-style: solid;
}

#j0 {
  Border-style: solid;
}

#Add {
  Border-style: solid;
}

#Sub {
  Border-style: solid;
}

#Divide {
  Border-style: solid;
}

#Multiply {
  Border-style: solid;
}

#AC {
  Border-style: solid;
}