Compacting Form Block

Site URL: https://www.phgagolf.com/xcard

I am trying to build a form for submitting golf scores.  I am using a form block that takes in the information for the round of golf including the score on each of the 18 holes.  The standard form places each of the 18 hole score fields on separate lines which slightly annoying.  I would like to have two lines each with 9 fields to enter the scores.  So on the form you'll see form fields labelled 1 through 18, these are the fields I would like on two lines on the form.

The form can be found at-->https://www.phgagolf.com/xcard

Add to Home > Design > Custom CSS

@media screen and (min-width:641px) {
div#page-5eb189a7084e3731c4d23d40 .field.number:nth-child(n+5) {
    float: left;
    width: 30%;
    margin-right: 15px;
}
}

Thank you so much that is fantastic.