.open-course_content-practical-container {
  display: grid;
  grid-template-columns: var(--grid-2-1);
  grid-template-rows: auto auto;
  grid-template-areas: 
    "content info"
    "content journey";
  grid-gap: 0 var(--space-xs);
}

.open-course_content-wrapper {
  grid-area: content;
}

.open-course_practical-info__wrapper {
  grid-area: info;
}

.open-course_practical-info-journey-wrapper {
  grid-area: journey;
  margin-top: var(--space-xs);
}

@media (max-width: 478px) {
  .open-course_content-practical-container {
    display: flex;
    flex-direction: column;
    row-gap: var(--space-xs);
  }
}