merge middle.large css classes

This commit is contained in:
Late Night Defender 2024-11-20 13:33:27 +07:00
parent 3a992a745f
commit c47ce2c364
10 changed files with 12 additions and 13 deletions

View file

@ -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;">

View file

@ -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;">

View file

@ -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;">

View file

@ -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;">

View file

@ -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;">

View file

@ -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;">

View file

@ -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">

View file

@ -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) {

View file

@ -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>

View file

@ -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;">