wellfedbison/gilroyhacks.com
wellfedbison/gilroyhacks.com
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added responsiveness

Browse Source
This commit is contained in:
James Dinh 2022-06-16 17:00:52 -07:00
parent d6253e687e
commit 7db0836bc8
1 changed files with 13 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
css/general.css
View File

@ -1240,14 +1240,15 @@ section {
#cal-parent { #cal-parent {
display: flex; display: flex;
flex-direction: row; flex-wrap: wrap;
justify-content: center;
} }
#cal-container { #cal-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;
width: 40%; width: 440px;
min-width: 400px !important; min-width: 400px !important;
height: auto; height: auto;
justify-content: center; justify-content: center;
@ -1281,17 +1282,6 @@ section {
background-color: #cc83148a; background-color: #cc83148a;
} }
@media (max-width: 1000px) {
.cal-card {
width: 50% !important;
}
}
@media (max-width: 700px) {
.cal-card {
width: 100% !important;
}
}
.cal-entry { .cal-entry {
display: flex; display: flex;
align-content: stretch; align-content: stretch;
@ -1348,6 +1338,12 @@ section {
margin-bottom: 7px; margin-bottom: 7px;
} }
@media (max-width: 487px) {
.event-entry {
height: auto;
}
}
.time-column { .time-column {
width: 35%; width: 35%;
height: 100%; height: 100%;
@ -1367,19 +1363,19 @@ section {
.map-title { .map-title {
font-size: 25px; font-size: 25px;
margin-bottom: 10px; margin: 10px 0;
} }
#map-div { #map-div {
width: 60%; width: 660px;
height: auto; height: 430px;
} }
#map-container { #map-container {
border-radius: 10px; border-radius: 10px;
padding: 3px; padding: 3px;
width: 100%; width: 100%;
height: 91.5%; height: 100%;
border: 1px solid white; border: 1px solid white;
position: relative; position: relative;
} }