body {
  grid-template-columns: 1rem 1fr 1rem;
  margin: 0;
  > * {
    grid-column: 2;
  }
}

.header {
  row-gap: 1rem;
  /* To prevent background images stay on top */
  z-index: 1;
  display: grid;

  .header__menu {
    display: grid;

    ul {
      display: grid;
      row-gap: 0.5rem;

      li {
        margin-inline: 0;
      }
    }
  }
  &::after {
    display: none;
  }
}

.portfolio {
  grid-template-columns: 1fr;
  grid-auto-flow: row;

  .portfolio__project img {
    inline-size: 100%;
    block-size: 100%;
  }
  .portfolio__project + .portfolio__project {
    border-block-start: 1px dashed gray;
    padding-block-start: 1rem;
  }
}

#recommendations > div:first-of-type {
  grid-template-columns: calc(100% - 1rem);
  grid-auto-columns: calc(100% - 1rem);
}

.form-part {
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  row-gap: 0.5rem;
}

.form-group {
  grid-auto-flow: row;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}