Need help fixing the width of my input table columns in mobile

Hello how can I fix this mobile view number one (see screenshot) and is there a way to in general work with the visual layout of an "Input Table" as I don't like the grey, etc?

Excuse the bottom irrelevant image, that was an accident, can't seem to delete!

Try adding these CSS codes to your FORM BUILDER:

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

  .form-matrix-values {

    min-width: 250px !important;

  }

}

Complete guide: How-to-Inject-Custom-CSS-Codes

Regarding your other comment about the visual layout, we can only help you if you will clearly explain and describe what you want. Just tell us (or show us) how you want the input table to look like (e.g. I don't want the gray background of each row, I want it to be red).

Thank you very much. That helped yet now the table goes off the screen border -- see screenshsot

And yes, I'd like the grey to be removed and just a clear table. As a matter of fact I'd prefer this to not look like a table. If there is another element I can use, please advise. I just need 4 horizontal lines in a column where people can enter a course number.

Thanks again!

To remove the grey color in the table, inject the CSS below.

.form-matrix-row-headers, .form-matrix-column-headers {

    background-color: white;

}

As for the width of the input table, try adjusting the width of the code provided by my colleague to 200px.

ex.

I hope that helps. Let us know if you have any questions or if you need further assistance.