JSFiddle - React, Tailwind, and code Playground

by btevfik

HTML

<div class="main">
     <h1>TITLE</h1>

    <textarea>CURRENCY BOX</textarea>
    <br>
    <button>DELETE</button>
    <br>
    <br>
    
  NEW CURRENCY
        <input type="text" />NEW RATE
        <input type="text" />
    <button>SAVE</button>
        
        <br>
        <br>
     <input type="text" />
   
        <br>
  
  <button>CONVERT</button>
   
  <div>OUTPUT</div>
        
<div>

CSS

body {
    background-color: lightblue;
}
.main {
    position: relative;
    width: 800px;
    text-align: center;
    margin: 0 auto;
}