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