.board-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}

.board-item {
  /* Use the desktop span variables by default */
  grid-column: span var(--col-span-desktop, 1);
  grid-row: span var(--row-span-desktop, 1);
}
.board-item a {
  color: #56443F;
  text-decoration: underline;
}
.board-item a:hover {
  color: #a8874f;
}
.board-item a:after {
  content: url(https://49337498.fs1.hubspotusercontent-eu1.net/hubfs/49337498/Koirasaaren%20Kruunukorttelit/svgs/external-link-tyomaa-taulu.svg);
  margin: 0 0 0 5px;
}

.item-content {
  padding: 32px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow-wrap: break-word;
}

@media (max-width: 890px) {
  .board-item {
    grid-column: span 2;
    }
  
  @media (max-width: 590px) {
  .board-item {
    grid-column: span 4;
    }