.Front {
  display: grid;
  gap: var(--paragraph-spacing);
  grid-template-columns: minmax(
      var(--min-measure),
      var(--measure)
    ) minmax(200px, 400px);
}
.Front-sidebar {
  grid-column: 2 / 2;
  grid-row: 2 / 2;
  text-align:left;
}

.Front-title {
  grid-column: 1 / -1;
  grid-row: 1 / 1;
}

.Front-main {
  grid-column: 1 / 1;
  grid-row: 2/ 2;
  display: grid;
  gap: var(--paragraph-spacing);
}

@media screen and (max-width: 900px) {
  .Front {
    display: flex;
    flex-direction: column;
  }
}

.Front-info {
  font-style: italic;
  margin-block-end: var(--size-l1);
}