テンプレート:MainPage/Shared/styles.css

.irori-mainpage-shared-grid {
	display: grid;
	grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );
	grid-auto-rows: minmax( 3rem, auto );
	grid-gap: var( --space-xs );
}

.irori-mainpage-shared-pills {
	grid-column: 3 / 5;
}

@media (min-width: 600px) {
  .irori-mainpage-shared-grid {
    grid-template-columns: 2fr 1fr; 
  }
}