Change all breakpoints to be 900px.
This commit is contained in:
parent
fa55c8dc17
commit
0929822465
|
@ -8,7 +8,7 @@
|
|||
padding: 8px;
|
||||
width: fit-content;
|
||||
|
||||
@media (max-width: mixins.$medium-breakpoint) {
|
||||
@media (max-width: mixins.$breakpoint) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
flex-direction: column;
|
||||
justify-content: center;
|
||||
|
||||
@media (max-width: mixins.$medium-breakpoint) {
|
||||
@media (max-width: mixins.$breakpoint) {
|
||||
height: 50vh;
|
||||
|
||||
.subtitle {
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
padding: 64px;
|
||||
text-decoration: none;
|
||||
|
||||
@media (max-width: mixins.$medium-breakpoint) {
|
||||
@media (max-width: mixins.$breakpoint) {
|
||||
height: 50vh;
|
||||
}
|
||||
|
||||
|
|
|
@ -1,12 +1,11 @@
|
|||
$medium-breakpoint: 900px;
|
||||
$large-breakpoint: 1200px;
|
||||
$breakpoint: 900px;
|
||||
|
||||
@mixin responsive-container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: $large-breakpoint;
|
||||
width: $breakpoint;
|
||||
|
||||
@media (max-width: $large-breakpoint) {
|
||||
@media (max-width: $breakpoint) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue