Changed the display absolute to flex for both 404 and 500 page
Unified · Split
| @@ -16,19 +16,14 @@ · 15 unmodified lines | |||
| 16 | 16 | ||
| 17 | body { | 17 | body { |
| 18 | margin: 0; | 18 | margin: 0; |
| 19 | height: 100vh; | ||
| 20 | display: flex; | ||
| 21 | align-items: center; | ||
| 22 | justify-content: center; | ||
| 23 | background: white; | ||
| 19 | font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; | 24 | font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| 20 | color: #555; | 25 | color: #555; |
| 21 | text-align: center; | 26 | text-align: center; |
| 22 | background: white; | ||
| 23 | } | ||
| 24 | |||
| 25 | div { | ||
| 26 | position: absolute; | ||
| 27 | top: 50%; | ||
| 28 | left: 0; | ||
| 29 | right: 0; | ||
| 30 | margin-top: -5em; | ||
| 31 | padding: 0 1em; | ||
| 32 | } | 27 | } |
| 33 | 28 | ||
| 34 | h1 { | 29 | h1 { |
| @@ -41,7 +36,7 @@ · 6 unmodified lines | |||
| 41 | } | 36 | } |
| 42 | 37 | ||
| 43 | p { | 38 | p { |
| 44 | margin: 1.5em 0 0; | 39 | margin: 1.5em 0; |
| 45 | line-height: 1.8; | 40 | line-height: 1.8; |
| 46 | font-weight: 300; | 41 | font-weight: 300; |
| 47 | } | 42 | } |
| @@ -16,21 +16,16 @@ · 15 unmodified lines | |||
| 16 | 16 | ||
| 17 | body { | 17 | body { |
| 18 | margin: 0; | 18 | margin: 0; |
| 19 | height: 100vh; | ||
| 20 | display: flex; | ||
| 21 | align-items: center; | ||
| 22 | justify-content: center; | ||
| 19 | font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; | 23 | font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; |
| 20 | color: #555; | 24 | color: #555; |
| 21 | text-align: center; | 25 | text-align: center; |
| 22 | background: white; | 26 | background: white; |
| 23 | } | 27 | } |
| 24 | 28 | ||
| 25 | div { | ||
| 26 | position: absolute; | ||
| 27 | top: 50%; | ||
| 28 | left: 0; | ||
| 29 | right: 0; | ||
| 30 | margin-top: -6em; | ||
| 31 | padding: 0 1em; | ||
| 32 | } | ||
| 33 | |||
| 34 | h1 { | 29 | h1 { |
| 35 | margin: 0; | 30 | margin: 0; |
| 36 | line-height: 1; | 31 | line-height: 1; |
| @@ -41,7 +36,7 @@ · 4 unmodified lines | |||
| 41 | } | 36 | } |
| 42 | 37 | ||
| 43 | p { | 38 | p { |
| 44 | margin: 1.5em 0 0; | 39 | margin: 1.5em 0; |
| 45 | line-height: 1.8; | 40 | line-height: 1.8; |
| 46 | font-weight: 300; | 41 | font-weight: 300; |
| 47 | } | 42 | } |