ch0ccyra1n/defiance-ng
1
0
Fork 0
forked from planex/defiance
Code Pull requests Activity

Merge branch 'feat/fix-images' into 'no-masters'

Browse source 
make images smaller on larger screens so they don't look absolutely massive

See merge request insurgentuo/defiance!1
This commit is contained in:
ch0ccyra1n 2023-09-25 21:44:26 +00:00
commit 67ef0259db
1 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
static/css/style.css
View file

@ -74,7 +74,6 @@ body {
} }
img { img {
width: 100%;
height: auto; height: auto;
} }
@ -126,6 +125,9 @@ li:first-child {
/* For normal screens */ /* For normal screens */
@media screen and (min-width: 769px) { @media screen and (min-width: 769px) {
img {
max-width: 75%
}
#nav-toggle-mobile { #nav-toggle-mobile {
display: none; display: none;
} }
@ -141,6 +143,9 @@ li:first-child {
/* For super wide screens */ /* For super wide screens */
@media screen and (min-width: 1700px) { @media screen and (min-width: 1700px) {
img {
max-width: 50%;
}
#nav-list { #nav-list {
width: 17%; width: 17%;
} }
@ -151,6 +156,9 @@ li:first-child {
/* For mobile */ /* For mobile */
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
img {
max-width: 100%;
}
#content { #content {
margin: 10%; margin: 10%;
} }