Skip to content
This repository has been archived by the owner on Mar 14, 2024. It is now read-only.

Project titles extend past box border on mobile #37

Open
awnumar opened this issue Feb 19, 2017 · 1 comment
Open

Project titles extend past box border on mobile #37

awnumar opened this issue Feb 19, 2017 · 1 comment

Comments

@awnumar
Copy link

awnumar commented Feb 19, 2017

On the projects overlay, long titles extend past the box if viewing on mobile. The same problem probably exists on desktop too but since screens are so much larger, you'd need a bigger title to trigger it.

@ScreamingHawk
Copy link

Add -ms-word-wrap: break-word; word-wrap: break-word; to the h tag brackets in assets/_sass/_base.scss. Will look like this:

// h tags
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 2rem 0 0.5rem;
  font-family: $base-font;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants