Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

404.html: better content vertical alignment #1567

Closed
wants to merge 7 commits into from
Closed

404.html: better content vertical alignment #1567

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
b644429
404.html: better content vertical alignment
EvgenyOrekhov Jul 27, 2014
8351030
Docs: Add information about PHP's built-in server
arthurvr Jul 29, 2014
32d7968
404.html: reset display: table on html for mobile
EvgenyOrekhov Jul 30, 2014
adb70f7
Merge branch 'master' of https://github.com/h5bp/html5-boilerplate in…
EvgenyOrekhov Jul 30, 2014
d6ca3ea
404.html: set p width to 310 px
EvgenyOrekhov Jul 31, 2014
07400a8
Merge branch 'master' of https://github.com/h5bp/html5-boilerplate in…
EvgenyOrekhov Jul 31, 2014
040673e
404.html: style fine-tuning
EvgenyOrekhov Jul 31, 2014
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
23 changes: 12 additions & 11 deletions 404.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,22 +7,23 @@
<style>

* {
line-height: 1.5;
line-height: 1.2;
margin: 0;
}

html {
color: #888;
font-family: sans-serif;
text-align: center;
display: table;
width: 100%;
height: 100%;
}

body {
left: 50%;
margin: -43px 0 0 -150px;
position: absolute;
top: 50%;
width: 300px;
display: table-cell;
vertical-align: middle;
margin: 2em auto;
}

h1 {

This comment was marked as abuse.

Sign in to view

This comment was marked as abuse.

Sign in to view

Expand All @@ -32,19 +33,19 @@
}

p {
line-height: 1.2;
margin: 0 auto;
width: 280px;
}

@media only screen and (max-width: 270px) {
@media only screen and (max-width: 280px) {

body {
margin: 10px auto;
position: static;
body, p {
width: 95%;
}

h1 {
font-size: 1.5em;
margin: 0 0 .3em 0;
}

}
Expand Down
2 changes: 2 additions & 0 deletions CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
### HEAD

* Update 404 page: better content vertical alignment
([#1567](https://github.com/h5bp/html5-boilerplate/pull/1567)).
* Update to Apache Server Configs 2.7.0.
* Add `/.editorconfig` file
([#1561](https://github.com/h5bp/html5-boilerplate/issues/1561),
Expand Down