Centering things for small devices

HTML & CSS
43

(reminder: http://pintotours.net/XXX/newhtl.html)

A couple of recommendations unrelated to existing issues.

In the HTML, there are these boxes:

<div id="content-inner">
    <div id="box1">
    <div id="box4">

I recommend deleting or changing the following styles. The “look” should not change at all. The margins are just inappropriate.


newhtl.css (line 444)
#content-inner {
    max-width: 600px;
    overflow: hidden;  /* DELETE Me! Seems unnecessary. */
}

newhtl.css (line 449)
#content #box1 {
    background-color: #fffefc;
    border-bottom: 10px solid #594c26;
    margin-bottom: 10px;  /* DELETE Me! */
    margin-top: -10px;  /* DELETE Me! */
    padding: 0;
}

newhtl.css (line 525)
#content #box4 {
    background-color: #fffefc;
    height: auto;
    margin-top: 10px;  /* CHANGE to padding-top:10px to compensate for zapped margin-bottom in #box1 */
    padding-bottom: 30px;
}

.

Finally, it looks like there is a stray letter “b” just before the <!doctype html> tag.