fixed appearance on mobile devices

This commit is contained in:
Fedor Katurov 2022-11-10 14:33:09 +06:00
parent 2265edf83a
commit 7eeb3b14c6
5 changed files with 18 additions and 11 deletions

View file

@ -33,7 +33,7 @@
}
@mixin container {
max-width: 1280px;
max-width: min(1280px, 100vw);
margin: auto;
padding: 0 40px;

View file

@ -1,5 +1,6 @@
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@600&family=Roboto:wght@400;700&display=swap");
@import "./variables";
@import "./mixins";
@import "./transitions.scss";
body,
@ -63,6 +64,11 @@ h1 {
&:not(:first-child) {
margin-top: 3rem;
}
@include phone {
font-size: 2rem;
line-height: 2.4rem;
}
}
h2 {