Skip to content

Mobile style#18

Open
bilalq wants to merge 2 commits into
masterfrom
mobile-style
Open

Mobile style#18
bilalq wants to merge 2 commits into
masterfrom
mobile-style

Conversation

@bilalq

@bilalq bilalq commented Mar 18, 2014

Copy link
Copy Markdown
Collaborator

I added a meta tag and changed the pure grid classes used to be responsive. Also, I noticed that tabs were being used for indentation of HTML/CSS, so I changed those to 2-space indents.

@x

x commented Mar 18, 2014

Copy link
Copy Markdown
Collaborator

Yeah, so I tried doing this, but the issue I ran into is that pure-g-r will switch to "mobile" mode (where the div takes a full 1 unit" at 768px. Currently the center div is max-width 600px, so it's always full width and causes the whale and logo to be on separate lines.

Ideally I'd like the mobile view to be something similar to what we had with the separate loading CSS (but responsive) It'd go something like

  • Remove .title h1 and .title h2, or sub .title h1 for just "SW"
  • change logo to about half width of page
  • change bar width to 3-4 and button to 1-4, or split them onto two full width lines

@bilalq

bilalq commented Mar 18, 2014

Copy link
Copy Markdown
Collaborator Author

Ah, I see what you mean. I'll probably have to mess with media queries.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants