sass/components/_project-container.scss


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

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

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

  // mobile to smaller laptop screen sizes
  @include responsive(laptop) {
    @include flex-column-center;
    gap: 5rem;

    /* 
    important for second project, otherwise screenshot below text-container;
    could be done with separate class for 2nd project and flex-dir: col-reverse for media query too
    */
    & > img {
      order: -1;
    }
  }
}