new coat of paint, cozier layout, one little pixel art friend as a treat, and as a personal challenge it runs on your phone now. somewhat.
You must log in to comment.
in reply to @caro's post:
cute site! there's a few small style fixes that could help with viewports in the 600px-1000px or so range for your desktop layout:
- in your flex container
.row, you can setgap: 10pxinstead of applying margins and padding on the inner columns - you have some hardcoded values set for the youtube embed, which prevents the middle column from shrinking along with the layout properly. one way you can solve this is by changing the
<figure>to usemax-widthinstead ofwidth, then changing the<iframe>to something likewidth=100%and giving it a style likeaspect-ratio: 16 / 9(or setting a height explicitly instead).
instead of maintaining separate desktop and mobile layouts too, it might be worth looking into using your media query to do something like setting flex-direction: column on .row instead, which would get you pretty close to what your mobile layout is now without having to do a lot of duplication
ooooooooooo shiny! thank you so much for the tips!!!
re gap: it doesn't seem to be greentexting 'gap' and recognizing it as a property... but it still seems to be working, regardless. curious.
re the youtube video: i'd just been using the code it shopped with when you hit youtube share and swapping around the numbers, I wasn't sure how to get it to resize. the max-width/aspect-ratio strategy worked a treat :D and now the landscape viewing is working properly again, so I just have to doublevanish a couple of those overlapping decor elements and it'll once again be the definitive experience. fun times
re the mobile layout: I had just discovered how to remove things when it figured out it was likely on mobile, and I got quickly fed up with trying to mentally keep track of what should and shouldn't remain and how to make the remaining stuff work around it- that might make it easier to keep it all in one piece, but I worry I'd still get mixed up T_T I'll give it a shot in the future, tho :]