JSFiddle - React, Tailwind, and code Playground
by Wordssaysalot
HTML
<html>
<link rel="stylesheet" type="text/css" href="style.css">
<body>
<div class="form">
<div class="grid-container">
<div class="display">
<div class="inner-display">
<input class="inner-text" value="" />
</div>
</div>
<div class="equate">
<div class="button">
<div class="inner-button" id="equate">
<i class="fas fa-equals"></i>
</div>
</div>
</div>
<div class="button">
<div class="inner-button orange" id="clear">
AC
</div>
</div>
<div class="button">
<div class="inner-button orange">
/
</div>
</div>
<div class="button">
<div class="inner-button orange">
x
</div>
</div>
<div class="button">
<div class="inner-button orange" id="backspace">
<i class="fas fa-backspace"></i>
</div>
</div>
<div class="button">
<div class="inner-button">
7
</div>
</div>
<div class="button">
<div class="inner-button">
8
</div>
</div>
<div class="button">
<div class="inner-button">
9
</div>
</div>
<div class="button">
<div class="inner-button orange">
-
</div>
</div>
<div class="button">
<div class="inner-button">
4
</div>
</div>
<div class="button">
<div class="inner-button">
...