sass/components/_project-container.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

@use "../abstracts/" as *;

.project-container {
  @include flex-sp-around-center;
  gap: 2rem;
}

// mobile to smaller laptop screen sizes
@media screen and (max-width: 1400px) {
  .project-container {
    @include flex-column-center;
    gap: 5rem;
  }

  // for second project, otherwise screenshot below text-container
  .reverse-order {
    flex-direction: column-reverse;
  }
}