JSFiddle - React, Tailwind, and code Playground

by Niklas Ottosson

HTML

<div id="frontpage" class="" data-bind="">
        <h1 class="text-center">SIGNATURE</h1>

        <div id="selectedid" class="signature_client_id" >
            <div id="client_id">2</div>
        </div>
        <div class="text-center">
            <button id="logout">Logout</button>
            <button id="update">Update</button>
        </div>

    </div>

CSS

.signature_client_id {
    width: 50%;
    height: 0;
    margin: 0 auto;
    border: 1px solid;
    padding-bottom: 50%;
    text-align: center;
    font-size: 16px;
    font-size: 50em;
    color: grey;

}
.text-center {
	text-align: center;
}