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


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

app-root {
  display: flex;
  flex-flow: column nowrap;
  min-height: 100vh;
}

.header,
.main,
.footer {
  width: min(calc(100vw - 2rem), 80ch);
  margin: 1rem auto;
}

.main {
  flex: 1;
}