feat: make font smaller on mobile screens
This commit is contained in:
parent
07584f48ec
commit
b75e506639
1 changed files with 8 additions and 1 deletions
|
|
@ -38,13 +38,20 @@
|
|||
padding: 1rem;
|
||||
margin: 0 auto;
|
||||
font-family: "IBM VGA", monospace;
|
||||
font-size: 1.5rem; /* Increased font size to make characters bigger */
|
||||
font-size: 1.25rem; /* Smaller font size for mobile */
|
||||
white-space: pre;
|
||||
line-height: 1;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden; /* Disable scrolling */
|
||||
}
|
||||
|
||||
/* Desktop font size */
|
||||
@media (min-width: 768px) {
|
||||
html {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Apply CGA theme to body */
|
||||
body {
|
||||
height: 100%;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue