Proyectos de Subversion LeadersLinked - Antes de SPA

@use "../../settings/mixins.scss";

.main-section-data {
  width: 100%;
  display: grid;
  gap: 1rem;
  grid-template-areas: "main" "left" "right";

  @media (min-width: 768px) {
    grid-template-columns: 40% 58%;
    grid-template-areas: "left main" "right main" "other main";
  }

  @media (min-width: 1200px) {
    grid-template-columns: 27% 43% 27%;
    grid-template-areas: "left main right" "other main other";
  }
}

.main-left-sidebar,
.right-sidebar {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.right-sidebar {
  grid-area: right;
}

.main-left-sidebar {
  grid-area: left;
}

.feed-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
  grid-area: main;
}