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="grid-container">
|
||||||
|
|
||||||
<div class="middle-large">
|
<div class="middle large">
|
||||||
|
|
||||||
<div class="header" style="margin-top: 2cm;">
|
<div class="header" style="margin-top: 2cm;">
|
||||||
|
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
|
|
||||||
<div class="grid-container">
|
<div class="grid-container">
|
||||||
|
|
||||||
<div class="middle-large">
|
<div class="middle large">
|
||||||
|
|
||||||
<div class="header" style="margin-top: 2cm;">
|
<div class="header" style="margin-top: 2cm;">
|
||||||
|
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
|
|
||||||
<div class="grid-container">
|
<div class="grid-container">
|
||||||
|
|
||||||
<div class="middle-large">
|
<div class="middle large">
|
||||||
|
|
||||||
<div class="header" style="margin-top: 2cm;">
|
<div class="header" style="margin-top: 2cm;">
|
||||||
|
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
|
|
||||||
<div class="grid-container">
|
<div class="grid-container">
|
||||||
|
|
||||||
<div class="middle-large">
|
<div class="middle large">
|
||||||
|
|
||||||
<div class="header" style="margin-top: 2cm;">
|
<div class="header" style="margin-top: 2cm;">
|
||||||
|
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
|
|
||||||
<div class="grid-container">
|
<div class="grid-container">
|
||||||
|
|
||||||
<div class="middle-large">
|
<div class="middle large">
|
||||||
|
|
||||||
<div class="header" style="margin-top: 2cm;">
|
<div class="header" style="margin-top: 2cm;">
|
||||||
|
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
|
|
||||||
<div class="grid-container">
|
<div class="grid-container">
|
||||||
|
|
||||||
<div class="middle-large">
|
<div class="middle large">
|
||||||
|
|
||||||
<div class="header" style="margin-top: 2cm;">
|
<div class="header" style="margin-top: 2cm;">
|
||||||
|
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
|
|
||||||
<div class="grid-container">
|
<div class="grid-container">
|
||||||
|
|
||||||
<div class="middle-large">
|
<div class="middle large">
|
||||||
|
|
||||||
<div class="header" style="margin-top: 2cm;">
|
<div class="header" style="margin-top: 2cm;">
|
||||||
<!-- <div class="banner">
|
<!-- <div class="banner">
|
||||||
|
|
|
@ -61,8 +61,7 @@ h1 {margin-top: 3vh;}
|
||||||
max-width: 15cm;
|
max-width: 15cm;
|
||||||
}
|
}
|
||||||
|
|
||||||
.middle-large {
|
.middle.large {
|
||||||
grid-area: middle;
|
|
||||||
width: 80vw;
|
width: 80vw;
|
||||||
max-width: 35cm;
|
max-width: 35cm;
|
||||||
}
|
}
|
||||||
|
@ -243,12 +242,12 @@ h1 {margin-top: 3vh;}
|
||||||
|
|
||||||
/* For tablet screens */
|
/* For tablet screens */
|
||||||
@media only screen and (max-width: 1366px) {
|
@media only screen and (max-width: 1366px) {
|
||||||
.middle-large {width: 90vw;}
|
.middle.large {width: 90vw;}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* For phone screens */
|
/* For phone screens */
|
||||||
@media only screen and (max-width: 750px) {
|
@media only screen and (max-width: 750px) {
|
||||||
.middle-large {margin-top: 1cm;}
|
.middle.large {margin-top: 1cm;}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
|
|
|
@ -31,7 +31,7 @@
|
||||||
|
|
||||||
<div class="grid-container">
|
<div class="grid-container">
|
||||||
|
|
||||||
<div class="middle-large">
|
<div class="middle large">
|
||||||
<div class="header" style="margin-top: 2cm;"></div>
|
<div class="header" style="margin-top: 2cm;"></div>
|
||||||
|
|
||||||
<h1>Support us</h1>
|
<h1>Support us</h1>
|
||||||
|
|
|
@ -27,7 +27,7 @@
|
||||||
|
|
||||||
<div class="grid-container">
|
<div class="grid-container">
|
||||||
|
|
||||||
<div class="middle-large">
|
<div class="middle large">
|
||||||
|
|
||||||
<div class="header" style="margin-top: 2cm;">
|
<div class="header" style="margin-top: 2cm;">
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue