CSS: Increase cell and column width in a grid

Please see attached screenshot.  When previewing in mobile mode the width of the column and the cell in the column are skewed, either too large or too small.  I've tried several things, but am unable to enlarge.  Suggestions?

Can I get help with the above problem please?  Thank you!

OK, please replace the CSS you have with this:

#label_34 {

    margin-bottom : 20px;

}

/* Hide "I certify" checkbox label */

#label_22 {

    display : none;

}

/* Control matrix table textboxes' width */

.form-matrix-values {

    padding-left : 8px;

    padding-right : 8px;

}

.form-matrix-row-headers {

    width : 50px !important;

}

.form-matrix-values .form-textbox {

    width : 100% !important;

}

.form-matrix-table {

    width : 100% !important;

}

How-to-Inject-Custom-CSS-Codes 

It will look like this:

This is probably a "not cool" question, but not being CSS savvy... "Do I replace all the CSS code with this or add this to the bottom of the existing CSS code."  

Sorry :0(  

Aahhh!  Nevermind!  Looks beautiful!

Thank you bunches!!

Thank you for updating us. We're glad that the issue is now resolved. 

On behalf of my colleague, you're welcome. 

Let us know if you need further help. We'll be happy to assist you.