JSFiddle - React, Tailwind, and code Playground

HTML

10x10:
<grid><input></grid>
<grid><img src="/favicon.ico"></grid>

15x10:
<grid c15><input></grid>
<grid c15><img src="/favicon.ico"></grid>

10x15:
<grid r15><input></grid>
<grid r15><img src="/favicon.ico"></grid>

CSS

grid { 
  display: -ms-grid; display: grid;
  -ms-grid-columns: 10px; grid-template-columns: 10px;
  -ms-grid-rows: 10px; grid-template-rows: 10px;
}
[c15] {
  -ms-grid-columns: 15px; grid-template-columns: 15px;
}
[r15] {
  -ms-grid-rows: 15px; grid-template-rows: 15px;
}