However, without any heading content for the below 2 div. These rows are not in even spacing.
May I know it is possible to make those row even spacing with the microthemer UI? I am not really understand how the css grid works. I cannot figure how to do it…
When you drag the grid area to create rows and columns, the default size of each row is “auto”. This means the natural height of the content sets the size. It’s often useful with content of varying height e.g. text. But if you want to set a uniform height, you could set something like 100px for all of the row fields.
See the Template tab of the grid properties. You may also want to click the chain icon in order to synchronise all four values.