Thanks for your reply, Joffm.
I just modifed my code, but still my tables did not re-adjust. I'm not sure if I am missing anything. Here's the code I used:
<style type="text/css">
table.subquestion-list thead .column-1 { width: 23%; }
table.subquestion-list thead .column-2 { width: 6%; }
table.subquestion-list thead .column-3 { width: 6%; }
table.subquestion-list thead .column-4 { width: 6%; }
table.subquestion-list thead .column-5 { width: 6%; }
table.subquestion-list thead .column-6 { width: 6%; }
table.subquestion-list thead .column-7 { width: 6%; }
table.subquestion-list thead .column-8 { width: 6%; }
table.subquestion-list thead .column-9 { width: 6%; }
table.subquestion-list thead .column-10 { width: 6%; }
table.subquestion-list thead .column-11 { width: 23%; }
</style>
I am also attaching the survey in here:
Thanks again for your time.