How can I change the individual column width?

I'm struggling to work out how to change the column width for each column in my matrix table. Please advise.

https://form.jotform.com/210392439044048

Kindly add the CSS below to your form:

.form-matrix-header-tr th:nth-child(1) { width: 10%; }

.form-matrix-header-tr th:nth-child(2) { width: 20%; }

.form-matrix-header-tr th:nth-child(3) { width: 10%; }

.form-matrix-header-tr th:nth-child(4) { width: 10%; }

.form-matrix-header-tr th:nth-child(5) { width: 30%; }

.form-matrix-header-tr th:nth-child(6) { width: 20%; }

nth-child(#) refers to their column order

Guide: How-to-Inject-Custom-CSS-Codes

You may change the percentage depending on the width you want on that specific column. Just make sure that the total will not exceed 100%.