hstspreload.org icon indicating copy to clipboard operation
hstspreload.org copied to clipboard

Improve responsive design

Open XhmikosR opened this issue 8 years ago • 4 comments

Currently, things don't look too good on mobile.

I doubt you'd like to use a framework, but if you do I could set up something with Bootstrap's grid only.

XhmikosR avatar Nov 01 '17 23:11 XhmikosR

Our front page is based on a Material Design Lite example, and it looks pretty alright for me on mobile.

We can tweak initial-scale if the font is too small on a lot of devices.

lgarron avatar Nov 02 '17 00:11 lgarron

Doesn't look too good here.

The code should be in pre, the button clearly overflows, the GitHub ribbon is wrong and .content clearly overflows too.

screen shot 2017-11-02 at 02 29 17-fullpage

XhmikosR avatar Nov 02 '17 00:11 XhmikosR

Doesn't look too good here.

Hmm, that looks significantly worse than any device I've tested, or can emulate in DevTools. What is that screenshot from?

lgarron avatar Nov 02 '17 01:11 lgarron

That's just with using S7 in Firefox emulator. But you will get the same results if you visit the site via a mobile device.

XhmikosR avatar Nov 02 '17 12:11 XhmikosR