html - how to delete a empty second row for css grid

Question

enter image description here

Hi guys, I'm trying to delete a row. I have attached a picture what I have right now. I only want 1 row and 3 column

display: grid;
grid - template - rows: auto;
grid - template - columns: 1 fr 1 fr 1 fr;

<div class="list-loan-info" ng-scrollbar rebuild-on="rebuild:me">
  <div automationid="FieldName" class="field-name" style="float:left;"> fieldName </div>
  <div automationid="OldValue" class="old-value">oldValue &nbsp;</div>
  <div automationid="NewValue" class="new-value-true">newValue</div>
  <div automationid="NewValue" class="new-value-false">newValue</div>
  <br />
</div>

Answer 1

add a grid template rows to your code

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;