.day-link {
padding: 3px 7px; / Reduce padding /
font-size: 1em; / Adjust link text size /
}
/ General container styles /
.conditions-container {
display: grid;
gap: 15px; / Reduce gap between items /
}
/ Media query for smaller screens /
@media (max-width: 600px) {
body {
font-size: 35px; / Reduce mobile font size /
}
h1, h2, h3, h4, h5, h6 {
font-size: 1.5em; /* Further adjust header sizes */
}
p, a {
font-size: 1.4em; /* Further adjust paragraph and link sizes */
}
.conditions-container {
grid-template-columns: 1fr; /* One column on mobile */
gap: 10px; /* Further reduce gap */
}
}
/ Media query for larger screens /
@media (min-width: 601px) {
.conditions-container {
grid-template-columns: repeat(3, 1fr); / Maintain three columns on desktop /
}
}
/ General body styles / body { font-family: Arial, sans-serif; font-size: 18px; / Further reduce base font size for non-mobile / }
/ Header container styles / .header-container { display: flex; align-items: center; justify-content: center; padding: 10px; / Add some padding / }
/ Header image styles / .header-container img { margin-left: 5px; / Reduce margin / width: 80px; / Make the logo smaller / }
/ Footer styles / footer { text-align: center; margin-top: 10px; / Reduce margin / padding: 5px; / Reduce padding / font-size: 14px; / Smaller font size for footer / }
/ Session box styles / .session-box { border: 1px solid #ddd; padding: 10px; / Reduce padding / margin: 10px 0; / Reduce margin / border-radius: 5px; background-color: #f9f9f9; }
/ Calendar styles / .calendar { margin-top: 10px; / Reduce top margin / padding: 8px; / Reduce padding / border: 1px solid #ccc; border-radius: 5px; }
.calendar-header { font-size: 1.2em; / Adjust header size / margin-bottom: 8px; / Reduce margin / }
.day-link { padding: 3px 7px; / Reduce padding / font-size: 1em; / Adjust link text size / }
/ General container styles / .conditions-container { display: grid; gap: 15px; / Reduce gap between items / }
/ Media query for smaller screens / @media (max-width: 600px) { body { font-size: 35px; / Reduce mobile font size / }
}
/ Media query for larger screens / @media (min-width: 601px) { .conditions-container { grid-template-columns: repeat(3, 1fr); / Maintain three columns on desktop / } }