Mobile/Responsive Styling with Tailwind

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:

image

it just takes a little more work to make it go edge to edge on small screens (and also minding the overflow)

image

left indentation

my comments indentation didnt work on mobile

image

so get rid of it and make it edge to edge

image


    Tagged in: #css #changelog

    Leave a reaction if you liked this post! 🧡
    Loading comments...

    Subscribe to the newsletter

    Get emails from me about Lorem ipsum dolor sit, amet consectetur adipisicing elit. Libero, ducimus..

    5,432 subscribers including my Mom – 123 issues

    Latest Posts

    Search and see all posts