local-motion / product

Apache License 2.0

2 stars 1 forks source link

Mobile responsiveness frontpage #393

Closed maxvisser closed 5 years ago

maxvisser commented 5 years ago

Assignee: @KarafiziArtur

Description

Show phase indicator above each phase content

As shown on this screenshot: Homepage block for explaining phases is not really responsive. I suggest to make this into a column instead of a row.

full-width header bar on mobile

header bar is to small for all content

header image too tall, font-size too big, text align left

as you see in the image above; the header image + text could look alot better on mobile.

Definition of done

[x] Show phase indicator above each phase content
[x] full-width header bar on mobile
[x] header image too tall, font-size too big, text align left

KarafiziArtur commented 5 years ago

https://github.com/local-motion/onboarding-web/pull/459

Resolution 320px:

screencapture-localhost-3000