code/alexdaniels.me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix width on cool stuff on mobile

Browse source
This commit is contained in:
Alex 2026-06-05 11:21:04 -07:00
parent c388d95393
commit ce10245c51
2 changed files with 15 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
assets/styles/landing.css
View file

@ -297,7 +297,14 @@
position: relative; position: relative;
width: 100%; width: 100%;
height: auto; height: auto;
max-width: 300px;
}
@media (min-width: 600px) {
.home #root.v1 .bottom #cool-stuff .highlights .highlight {
max-width: 400px; max-width: 400px;
}
}
.home #root.v1 .bottom #cool-stuff .highlights .highlight {
box-shadow: 0 0 5px 0 rgba(29, 31, 32, 0.45); box-shadow: 0 0 5px 0 rgba(29, 31, 32, 0.45);
} }
.home #root.v1 .bottom #cool-stuff .highlights .highlight img { .home #root.v1 .bottom #cool-stuff .highlights .highlight img {
@ -466,6 +473,7 @@
column-gap: 2rem; column-gap: 2rem;
row-gap: 1rem; row-gap: 1rem;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0;
} }
.home #root.v1 .bottom #work .tech .list li { .home #root.v1 .bottom #work .tech .list li {
font-size: 1.125rem; font-size: 1.125rem;

5
assets/styles/scss/landing/_computer.scss
View file

@ -336,7 +336,11 @@
width: 100%; width: 100%;
height: auto; height: auto;
max-width: 300px;
@media (min-width: 600px) {
max-width: 400px; max-width: 400px;
}
box-shadow: 0 0 5px 0 rgba(29, 31, 32, 0.45); box-shadow: 0 0 5px 0 rgba(29, 31, 32, 0.45);
@ -547,6 +551,7 @@
column-gap: 2rem; column-gap: 2rem;
row-gap: 1rem; row-gap: 1rem;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0;
li { li {
font-size: 1.125rem; font-size: 1.125rem;