zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-08-16 14:23:48 +02:00
Code Issues Projects Releases Packages Wiki Activity

fine tuned .html-thumbnail.html img widths to prevent overflow

Browse source
This commit is contained in:
Mark Valentino 2024-08-15 19:00:39 -04:00
parent 50c9d99a85
commit d20068e3fc
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
sass/_project-sass/_project-Main.scss
View file

@ -1002,14 +1002,18 @@ a.tag:hover {
} }
&:first-child .html-thumbnail.html { &:first-child .html-thumbnail.html {
width: 540px; width: 540px;
height: 405px;
@media (max-device-width:480px), screen and (max-width:800px) { @media (max-device-width:480px), screen and (max-width:800px) {
width: 270px; width: 270px;
height: 202px; height: 202px;
} }
} }
&:first-child .html-thumbnail.html img { &:first-child .html-thumbnail.html img {
width: 540px; aspect-ratio: 540 / 405;
height: 405px; height: auto;
max-width: 540px;
width: 52vw;
float: left;
@media (max-device-width:480px), screen and (max-width:800px) { @media (max-device-width:480px), screen and (max-width:800px) {
width: 270px; width: 270px;
height: 202px; height: 202px;