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