JSFiddle - React, Tailwind, and code Playground

by Victor

HTML

<div class="parent">
    <div class="child">
    <a href="">Testing</a>
        <a href="">Testing</a>
        <a href="">Testing</a>
        <a href="">Testing</a>
        <a href="">Testing</a>
        <a href="">Testing</a>
    
</div>
</div>

CSS

.parent {
    width: 100%;
}

.child {
    display:flex;
    -webkit-box-flex: 1;
background-attachment: scroll;
background-clip: border-box;
background-color: rgb(247, 247, 247);
background-image: none;
background-origin: padding-box;
background-size: auto;
border-bottom-color: rgb(247, 247, 247);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 0px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(87, 91, 93);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(87, 91, 93);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(87, 91, 93);
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-top-style: none;
border-top-width: 0px;
box-shadow: none;
box-sizing: border-box;
color: rgb(87, 91, 93);
display: flex;
flex-basis: 0%;
flex-grow: 1;
flex-shrink: 1;
font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
height: 59.7969px;
line-height: 19.999px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
max-width: 100%;
min-height: 40px;
overflow-y: auto;
padding-top: 15px;
}

a {
    font-size: 40px;
    padding: 20px;
    color:red;
    -webkit-box-align: center;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
align-items: center;
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: none;
background-origin: padding-box;
background-size: auto;
border-bottom-color: rgb(0, 188, 242);
border-bottom-style: none;
border-bottom-width: 0px;
border-left-color: rgba(0, 0, 0, 0);
border-left-style: solid;
border-left-width: 0px;
border-right-color: rgba(0, 0, 0, 0);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgba(0, 0, 0, 0);
border-top-style:...

JavaScript

var viewport = document.createElement("meta");
viewport.setAttribute('name', 'viewport');
viewport.setAttribute('content', 'width=device-width, initial-scale=1');
document.getElementsByTagName('head')[0].appendChild(viewport);