My grid template has 3 columns, but the first row in one of the columns is slightly pushed. Which CSS property should I adjust to fix this issue? Using Bootstrap framework.
<div class="col">
<div class="col-sm">
<input type="redacted" class="form-control" id="redacted" placeholder="" required>
</div>
</div>
<div class="col">
<div class="col-sm">
<input type="redacted" class="form-control" id="redacted" placeholder="">
</div>
</div>
<div class="col">
<div class="col-sm">
<input type="redacted" class="form-control" id="redacted" placeholder="">
</div>
</div>
Check out the CSS snippet below:
.gridMatchInputs {
display: grid;
grid-template-columns: 200px 200px 200px;
}