It would also help to post the code as actual text using the code formatting on the forums. This will allow us to more easily see what the code is, critique, and give specific examples of problems. Now that that is out of the way, I see a few problems with your code. you need to name any input that you are using. If an input doesn't have a name, then any changes a user makes to that input are not saved, and cannot affect anything else on the sheet via autocalc or sheetworker; css changes would still occur, but since the value wouldn't be stored, would be reset upon a refresh or log out/log in. This is in reference to the checkboxes you are trying to display. It looks like you are using the old column display css that roll20 provides as an integrated styling setup. I would recommend doing this a different way (there are several options depending on what you want to do, one of which I'm going to demonstrate for the answer to the next issue) Your html is doing some needless div nesting, i'd try this instead: HTML <div class='grid-col'>
<div class='fatigue-container'>
<input class='fatigue-radio fatigue1' type='radio' name='attr_fatigue' value='1' checked>
<input class='fatigue-radio fatigue2' type='radio' name='attr_fatigue' value='2'>
<input class='fatigue-radio fatigue3' type='radio' name='attr_fatigue' value='3'>
<input class='fatigue-radio fatigue4' type='radio' name='attr_fatigue' value='4'>
<input class='fatigue-radio fatigue5' type='radio' name='attr_fatigue' value='5'>
<input class='line1 fatigue1' type='checkbox' name='attr_line1_1' value='1'>
<input class='line1 fatigue2' type='checkbox' name='attr_line1_2' value='2'>
<input class='line1 fatigue3' type='checkbox' name='attr_line1_3' value='3'>
<input class='line1 fatigue4' type='checkbox' name='attr_line1_4' value='4'>
<input class='line1 fatigue5' type='checkbox' name='attr_line1_5' value='5'>
<input class='line2 fatigue1' type='checkbox' name='attr_line2_1' value='1'>
<input class='line2 fatigue2' type='checkbox' name='attr_line2_2' value='2'>
<input class='line2 fatigue3' type='checkbox' name='attr_line2_3' value='3'>
<input class='line2 fatigue4' type='checkbox' name='attr_line2_4' value='4'>
<input class='line2 fatigue5' type='checkbox' name='attr_line2_5' value='5'>
<input class='line3 fatigue1' type='checkbox' name='attr_line3_1' value='1'>
<input class='line3 fatigue2' type='checkbox' name='attr_line3_2' value='2'>
<input class='line3 fatigue3' type='checkbox' name='attr_line3_3' value='3'>
<input class='line3 fatigue4' type='checkbox' name='attr_line3_4' value='4'>
<input class='line3 fatigue5' type='checkbox' name='attr_line3_5' value='5'>
</div>
</div> CSS .sheet-fatigue-container{
display:grid;
grid-template-columns:[fatigue1-start] 1fr [fatigue1-end fatigue2-start] 1fr [fatigue2-end fatigue3-start] 1fr [fatigue3-end fatigue4-start] 1fr [fatigue4-end fatigue5-start] 1fr [fatigue5-end];
grid-template-rows:[radio-start] 20px [radio-end line1-start] 20px [line1-end line2-start] 20px [line2-end line3-start] 20px [line3-ene];
grid-gap:5px;
}
.sheet-fatigue-radio{
grid-row:radio-start / radio-end;
}
.sheet-line1{
grid-row:line1-start / line1-end;
}
.sheet-line2{
grid-row:line2-start / line2-end;
}
.sheet-line3{
grid-row:line3-start / line3-end;
}
.sheet-fatigue1{
grid-column:fatigue1-start / fatigue1-end;
}
.sheet-fatigue2{
grid-column:fatigue2-start / fatigue2-end;
}
.sheet-fatigue3{
grid-column:fatigue3-start / fatigue3-end;
}
.sheet-fatigue4{
grid-column:fatigue4-start / fatigue4-end;
}
.sheet-fatigue5{
grid-column:fatigue5-start / fatigue5-end;
}
.sheet-fatigue-container > input[type=checkbox]{
display:none;
}
input[type=radio].sheet-fatigue1:checked ~ input[type=checkbox].sheet-fatigue1,
input[type=radio].sheet-fatigue2:checked ~ input[type=checkbox].sheet-fatigue1,
input[type=radio].sheet-fatigue2:checked ~ input[type=checkbox].sheet-fatigue2,
input[type=radio].sheet-fatigue3:checked ~ input[type=checkbox].sheet-fatigue1,
input[type=radio].sheet-fatigue3:checked ~ input[type=checkbox].sheet-fatigue2,
input[type=radio].sheet-fatigue3:checked ~ input[type=checkbox].sheet-fatigue3,
input[type=radio].sheet-fatigue4:checked ~ input[type=checkbox].sheet-fatigue1,
input[type=radio].sheet-fatigue4:checked ~ input[type=checkbox].sheet-fatigue2,
input[type=radio].sheet-fatigue4:checked ~ input[type=checkbox].sheet-fatigue3,
input[type=radio].sheet-fatigue4:checked ~ input[type=checkbox].sheet-fatigue4,
input[type=radio].sheet-fatigue5:checked ~ input[type=checkbox].sheet-fatigue1,
input[type=radio].sheet-fatigue5:checked ~ input[type=checkbox].sheet-fatigue2,
input[type=radio].sheet-fatigue5:checked ~ input[type=checkbox].sheet-fatigue3,
input[type=radio].sheet-fatigue5:checked ~ input[type=checkbox].sheet-fatigue4,
input[type=radio].sheet-fatigue5:checked ~ input[type=checkbox].sheet-fatigue5{
display:block;
} You can read more about css grid at these sites: <a href="https://css-tricks.com/snippets/css/complete-guide" rel="nofollow">https://css-tricks.com/snippets/css/complete-guide</a>... <a href="https://gridbyexample.com/examples/" rel="nofollow">https://gridbyexample.com/examples/</a> <a href="https://learncssgrid.com/" rel="nofollow">https://learncssgrid.com/</a> Hope that helps, Scott EDIT: This gives a layout like so
