made the site bit more responsive
This commit is contained in:
parent
7a2d3ba0bb
commit
513f0d1134
1 changed files with 50 additions and 0 deletions
50
style.css
50
style.css
|
@ -155,3 +155,53 @@ table th, table td {
|
||||||
table tr:nth-child(2n) {
|
table tr:nth-child(2n) {
|
||||||
background-color: var(--background2);
|
background-color: var(--background2);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (device-width: 1280px),
|
||||||
|
only screen and (max-width:1280px) {
|
||||||
|
|
||||||
|
.cm-header {
|
||||||
|
font-size: 8px;
|
||||||
|
padding: 20px;
|
||||||
|
justify-content: center;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-navbar ul {
|
||||||
|
margin: 0px;
|
||||||
|
display: math;
|
||||||
|
}
|
||||||
|
|
||||||
|
.c-main {
|
||||||
|
margin-left: 10%;
|
||||||
|
margin-right: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-main {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmm-content {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmm-sidebar {
|
||||||
|
width: 100%;
|
||||||
|
margin-left: -3%;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.a-nostyle {
|
||||||
|
display: contents;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmmc-staff-container {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cmmc-staff-box {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue