JSFiddle - React, Tailwind, and code Playground

HTML

100x100:
<grid><input></grid>
<grid><img src="/favicon.ico"></grid>

150x100:
<grid c15><input></grid>
<grid c15><img src="/favicon.ico"></grid>

100x150:
<grid r15><input></grid>
<grid r15><img src="/favicon.ico"></grid>

CSS

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