textarea, input, select { width: 100%; /* extend the width of the grid item */ box-sizing: border-box; /* including padding / border in width */ } .sheet-wrapper { display: grid; grid-template-columns: fit-content(50%) fit-content(50%); gap: 10px; justify-content: center; padding: 5px; grid-auto-rows: minmax(50px, auto); } .sheet-itemheader{ border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:22px; border-radius: 15px; grid-column: 1 / span 2; grid-row: 1 / span 1; text-align: center; } .sheet-itemcallsign { border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:14px; border-radius: 15px; grid-column: 1 ; grid-row: 2 / span 1; } .sheet-itempilot { border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:14px; border-radius: 15px; grid-column: 2 ; grid-row: 2 / span 1; } .sheet-itemchassis { border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:14px; border-radius: 15px; grid-column: 1 ; grid-row: 3 / span 1; } .sheet-itemlevel { border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:14px; border-radius: 15px; grid-column: 2 ; grid-row: 3 / span 1; } .sheet-itemapmax { border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:14px; border-radius: 15px; grid-column: 1 ; grid-row: 4 / span 1; } .sheet-itemhpmax { border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:14px; border-radius: 15px; grid-column: 2 ; grid-row: 4 / span 1; } .sheet-itemapcur { border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:14px; border-radius: 15px; grid-column: 1 ; grid-row: 5 / span 1; } .sheet-itemhpcur { border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:14px; border-radius: 15px; grid-column: 2 ; grid-row: 5 / span 1; } .sheet-itemdamage { border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:14px; border-radius: 15px; grid-column: 1 ; grid-row: 6 / span 1; } .sheet-itemreactor { border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:14px; border-radius: 15px; grid-column: 2 ; grid-row: 6 / span 1; } .sheet-itempower{ border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:22px; border-radius: 15px; grid-column: 1 ; grid-row: 7 / span 2; } .sheet-itempilotability{ border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:14px; border-radius: 15px; grid-column: 2 ; grid-row: 7 / span 2; } .sheet-itemmobility{ border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:22px; border-radius: 15px; grid-column: 1 ; grid-row: 9 / span 2; } .sheet-itemchassisability{ border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:14px; border-radius: 15px; grid-column: 2 ; grid-row: 9 / span 2; } .sheet-itemsystem{ border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:22px; border-radius: 15px; grid-column: 1 ; grid-row: 11 / span 2; } .sheet-itemequipment{ border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:14px; border-radius: 15px; grid-column: 2 ; grid-row: 11 / span 2; } .sheet-itempresence{ border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:22px; border-radius: 15px; grid-column: 1 ; grid-row: 13 / span 2; } .sheet-itemmodules{ border: 3px solid silver; padding: 5px; font-family:Impact, sans-serif;font-size:14px; border-radius: 15px; grid-column: 2 ; grid-row: 13 / span 2; } .sheet-itemimage{ padding: 5px; font-family:Impact, sans-serif;font-size:14px; border-radius: 15px; grid-column: 1 / span 2 ; grid-row: 15 / span 1; }