gribse/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix: adjust sidecolumn width before disappearing for small screens

Browse source
This commit is contained in:
gribse 2025-05-15 23:19:25 +02:00
parent 8dece96840
commit 24422ed1da
1 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
layouts/home.html
View file

@ -34,12 +34,12 @@
width: auto; /* Allow the width to adjust based on content */
max-width: 100%; /* Prevent overflow */
gap: 0;
text-align: justify;
text-align: left;
}
.side-screen {
height: 100vh;
overflow-y: auto; /* Allow scrolling if content overflows */
flex: 0 0 400px; /* Fixed width of 400px */
flex: 0 0 280; /* Fixed width of 400px */
}
.main-content {
display: flex;
@ -107,7 +107,7 @@
max-width: 150px; /* Ensure the image doesn't exceed its intended size */
height: auto; /* Maintain aspect ratio */
}
@media (max-width: 1450px) {
@media (max-width: 1400px) {
.side-screen {
display: none; /* Hide side-screens on smaller screens */
}