/* 1) reset & grid container */ul.gallery {  list-style: none;  margin: 0;  padding: 0;  display: grid;  grid-template-columns: repeat(3, 1fr);  grid-auto-rows: 150px;  gap: 10px;}/* 2) asymmetrical spans */ul.gallery li:nth-child(1) {  /* big item: 2 cols × 2 rows */  grid-column: 1 / span 2;  grid-row:    1 / span 2;}ul.gallery li:nth-child(2) {  /* top-right small */  grid-column: 3;  grid-row:    1;}ul.gallery li:nth-child(3) {  /* bottom-right small */  grid-column: 3;  grid-row:    2;}/* 3) make images cover their grid cells */ul.gallery img {  width: 100%;  height: 100%;  object-fit: cover;  display: block;}/* 4) ensure the link wraps the full cell (optional) */ul.gallery li a {  display: block;  height: 100%;  text-decoration: none;  color: inherit;}