JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table-header col1">Question #</div>
<div class="table-header col2">Question</div>
<div class="table-header col3">Response</div>
<div class="table-cell col1 short-cell"></div>
<div class="table-cell col2 short-cell"></div>
<div class="table-cell col3 short-cell"></div>

CSS

body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    box-sizing: border-box;
}
.table-header {
    color: white;
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: #646464;
}
.table-cell {
    background-color: yellow;
}
.short-cell {
    height: 25px;
}
.col1 {
    width: 15%;
    display: inline-block;
    text-align: center;
}
.col2 {
    width: 35%;
    display: inline-block;
}
.col3 {
    width: 48%;
    display: inline-block;
}
.response {
    border-width: 2px;
    padding: 0px;
    width: 98%;
    border-width: 0;
}