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;
|
padding: 1rem;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
font-family: "IBM VGA", monospace;
|
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;
|
white-space: pre;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
overflow: hidden; /* Disable scrolling */
|
overflow: hidden; /* Disable scrolling */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Desktop font size */
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
html {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* Apply CGA theme to body */
|
/* Apply CGA theme to body */
|
||||||
body {
|
body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue