sites
/
thelinux.pro
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

media styles

This commit is contained in:
Kameron Kenny 2019-05-29 09:28:16 -04:00
parent f24d12742b
commit 02df3640b7
1 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
broadcast_timer/style.css
View File

@ -12,20 +12,8 @@ table, th, td { border: 0px solid #999; padding: 0px; padding-top: 0px; padding-
.clear { clear: both ;} .clear { clear: both ;}
.grid-container {
display: grid;
grid-template-areas:
'top-bar top-bar'
'info-bar info-bar'
'left right'
'bottom bottom';
grid-gap: 3px;
padding: 4px;
padding-top: 0px;
width: 100%;
}
@media (max-width:600px) { @media (min-width:400px) {
.grid-container { .grid-container {
display: grid; display: grid;
grid-template-areas: grid-template-areas:
@ -40,6 +28,22 @@ table, th, td { border: 0px solid #999; padding: 0px; padding-top: 0px; padding-
width: 100%; width: 100%;
} }
} }
@media (min-width:750px) {
.grid-container {
display: grid;
grid-template-areas:
'top-bar top-bar'
'info-bar info-bar'
'left right'
'bottom bottom';
grid-gap: 3px;
padding: 4px;
padding-top: 0px;
width: 100%;
}
}
.grid-top-bar { .grid-top-bar {
grid-area: top-bar; grid-area: top-bar;
padding: 0px; padding: 0px;