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

10
assets/styles/landing.css
View file

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

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

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