Skip to content

Comment on Show HN: Supershields.io – smart, Lua-powered SVG status badges

Comments

Any reason why the website is not mobile friendly?

Unless some css didn’t load up, I’ve got a huge horizontal bar.

rlonnOP

You can't really use the service on a small screen, but I hear you. I have to provide at least a logged-out view that is mobile friendly.

Why can't it be used on a small screen? Also, many phones don't really have small screens...

rlonnOP

It involves code editing, which is hard to do on a small screen.

You could fix the mobile site with as little as one line of CSS if you didn’t want to bother with media queries. `max-width: 100%` or `100vw` could be enough!

rlonnOP

Funny, I've made lots of stuff responsive but at some point decided I had to have a minimum page width of 1050px.

Now when I remove that and add your "max-width: 100%" I don't see much of a problem. Sure, some content gets slightly misaligned on narrow screens but it looks pretty OK overall.

I just pushed the change now, should be visible within 5 minutes.

You'd be surprised how much code editing I get done on my phone these days - I ship small changes to my projects (including things like adding new badges to my READMEs) through the GitHub web interface quite often.

rlonnOP

OK, I surrender!

Being horribly old and needing glasses to see anything small but never having any glasses around, I find that my phone is pretty much useless for work. I guess I'm an outlier here. I'll just see what I can do to improve the mobile UX!

You should just use bootstrap or zurb to avoid re-engineering mobile responsiveness

AboutSource Built by g1lg1l

Hackerly is an independent reader for Hacker News, built on the public HN API. Not affiliated with Y Combinator.