mirror of
https://github.com/gigirassy/plaster.git
synced 2024-12-23 10:29:07 +00:00
Update index.html
This commit is contained in:
parent
945bd3553c
commit
f52d35da2a
@ -46,6 +46,34 @@
|
|||||||
a {
|
a {
|
||||||
color: var(--link-color);
|
color: var(--link-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#asciiArtContainer {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
padding: 10px;
|
||||||
|
font-family: monospace;
|
||||||
|
white-space: pre;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
color: #fff;
|
||||||
|
font-size: 1rem; /* Default font size for desktop */
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
/* For tablets and small screens */
|
||||||
|
#asciiArtContainer {
|
||||||
|
font-size: 0.8rem; /* Slightly smaller font */
|
||||||
|
padding: 8px; /* Reduced padding */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
/* For mobile devices */
|
||||||
|
#asciiArtContainer {
|
||||||
|
font-size: 0.6rem; /* Smaller font size for mobile */
|
||||||
|
padding: 5px; /* Minimal padding */
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body> <div class="main">
|
<body> <div class="main">
|
||||||
|
Loading…
Reference in New Issue
Block a user