Mobile/Responsive Styling with Tailwind
swyx
the sad fact is i never really do mobile first dev, and a reader filed an issue (#16) that pointed out a nasty overflow issue, so i decided to spend some time going through the site in mobile and giving it a mobile touchup.
diffs
you can look at the tweaks i made for mobile styling here https://github.com/sw-yx/swyxkit/pull/18/files
mind the edges
The desktop-only design used horizontal padding, which persisted to the mobile view:
it just takes a little more work to make it go edge to edge on small screens (and also minding the overflow)
left indentation
my comments indentation didnt work on mobile
so get rid of it and make it edge to edge