<ol>
  <li>Switzerland</li>
  <li>United Kingdom</li>
  <li>United States</li>
  <li>Norway</li>
</ol>

<ol reversed>
  <li>Switzerland</li>
  <li>United Kingdom</li>
  <li>United States</li>
  <li>Norway</li>
</ol>

<ol start="5">
  <li>Switzerland</li>
  <li>United Kingdom</li>
  <li>United States</li>
  <li>Norway</li>
</ol>

<ol start="5" reversed>
  <li>Switzerland</li>
  <li>United Kingdom</li>
  <li>United States</li>
  <li>Norway</li>
</ol>

@import url("https://fonts.googleapis.com/css2?family=Exo:wght@600&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  inline-size: 100vw;
  min-block-size: 100vh;

  display: grid;
  grid-template-columns: repeat(4, 1fr);
  place-items: center;

  gap: 40px;
  font-family: "Exo", Arial, sans-serif;
  background-color: #f7f7f7;
  line-height: 2;
}