Issues specific to iPhone

[ndarville]

Possible Culprit

• Considering this only happens on my iPhone and not my iPad, the viewport width being smaller than the defined width is probably the lead cause.

D3:

• [ ] Bars have different sizes

CSS: Articles

• [ ] <li> dots have different sizes
• [ ] Footer text is microscopic

Home page

• [ ] Enormous horizontal width on home page

[ndarville]

Responsive Media Queries for iPhone

The problem with addressing this situation with responsive CSS is that the are not responsive and will break out of the body. Ergo:

• [ ] Address this without using responsive media queries.

---

• [ ] .highlight pre boxes are smaller than .box, which doesn’t make a whole lot of sense based on custom.css.
• [ ] After figuring this out, increase the width of these to 95%.

---

• [ ] Remove or revise the viewport line in HTML.

---

• [ ] The text is way too big in landscape mode on the iPhone. Could be due to the relative font size.

[ndarville]

This is what it looks like with no responsiveness:

Notice that the container width is much smaller, as evidenced by the few words that appear on each line.