<ul>
  <li class="major">Major Item 1</li>
  <li>Minor item 1</li>
  <li>Minor item 2</li>
  <li class="major">Major Item 2</li>
  <li>Minor item 3</li>
  <li>Minor item 4</li>
  <li>Minor item 5</li>
  <li class="major">Major Item 3</li>
  <li>Minor item 6</li>
  <li class="major">Major Item 4</li>
  <li>Minor item 7</li>
  <li>Minor item 8</li>
  <li>Minor item 9</li>
  <li>Minor item 10</li>
</ul>
ul {
  display: grid;
  font-family: sans-serif;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
li {
  background: aquamarine;
  padding: 10px;
  &.major {
    background: gold;
    grid-column: 1 / 3;
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.