merge middle.large css classes
This commit is contained in:
parent
3a992a745f
commit
c47ce2c364
10 changed files with 12 additions and 13 deletions
|
@ -27,7 +27,7 @@
|
|||
|
||||
<div class="grid-container">
|
||||
|
||||
<div class="middle-large">
|
||||
<div class="middle large">
|
||||
|
||||
<div class="header" style="margin-top: 2cm;">
|
||||
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
|
||||
<div class="grid-container">
|
||||
|
||||
<div class="middle-large">
|
||||
<div class="middle large">
|
||||
|
||||
<div class="header" style="margin-top: 2cm;">
|
||||
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
|
||||
<div class="grid-container">
|
||||
|
||||
<div class="middle-large">
|
||||
<div class="middle large">
|
||||
|
||||
<div class="header" style="margin-top: 2cm;">
|
||||
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
|
||||
<div class="grid-container">
|
||||
|
||||
<div class="middle-large">
|
||||
<div class="middle large">
|
||||
|
||||
<div class="header" style="margin-top: 2cm;">
|
||||
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
|
||||
<div class="grid-container">
|
||||
|
||||
<div class="middle-large">
|
||||
<div class="middle large">
|
||||
|
||||
<div class="header" style="margin-top: 2cm;">
|
||||
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
|
||||
<div class="grid-container">
|
||||
|
||||
<div class="middle-large">
|
||||
<div class="middle large">
|
||||
|
||||
<div class="header" style="margin-top: 2cm;">
|
||||
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
|
||||
<div class="grid-container">
|
||||
|
||||
<div class="middle-large">
|
||||
<div class="middle large">
|
||||
|
||||
<div class="header" style="margin-top: 2cm;">
|
||||
<!-- <div class="banner">
|
||||
|
|
|
@ -61,8 +61,7 @@ h1 {margin-top: 3vh;}
|
|||
max-width: 15cm;
|
||||
}
|
||||
|
||||
.middle-large {
|
||||
grid-area: middle;
|
||||
.middle.large {
|
||||
width: 80vw;
|
||||
max-width: 35cm;
|
||||
}
|
||||
|
@ -243,12 +242,12 @@ h1 {margin-top: 3vh;}
|
|||
|
||||
/* For tablet screens */
|
||||
@media only screen and (max-width: 1366px) {
|
||||
.middle-large {width: 90vw;}
|
||||
.middle.large {width: 90vw;}
|
||||
}
|
||||
|
||||
/* For phone screens */
|
||||
@media only screen and (max-width: 750px) {
|
||||
.middle-large {margin-top: 1cm;}
|
||||
.middle.large {margin-top: 1cm;}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
|
|
|
@ -31,7 +31,7 @@
|
|||
|
||||
<div class="grid-container">
|
||||
|
||||
<div class="middle-large">
|
||||
<div class="middle large">
|
||||
<div class="header" style="margin-top: 2cm;"></div>
|
||||
|
||||
<h1>Support us</h1>
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
|
||||
<div class="grid-container">
|
||||
|
||||
<div class="middle-large">
|
||||
<div class="middle large">
|
||||
|
||||
<div class="header" style="margin-top: 2cm;">
|
||||
|
||||
|
|
Loading…
Reference in a new issue