public/projects/angular-small-apps/apps/recipes/src/styles/layout/_main.scss


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

.recipes-list {
  list-style-type: none;
  padding: 0;
  margin: 0 0 2rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(0, 345px));
  gap: 1rem;
}

.not-found {
  background: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  box-shadow: 0 0 5px -3px #000000a5;
  padding: clamp(2rem, 3vw, 3rem) clamp(1rem, 3vw, 2rem) clamp(2rem, 3vw, 4rem);

  &__result {
    margin-bottom: 2rem;
  }
}