Move 404 styling down in the css file and adjust styling again. Test

Robrowno · Apr 17, 2022 · 98df9cd · 98df9cd
1 parent ae6a582
commit 98df9cd
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 24 deletions.
diff --git a/404.html b/404.html
@@ -18,7 +18,7 @@
 
 <body>
  <h1> Rock Paper Scissors!</h1>
- <h2 id="error-title"><b>Error 404</b></h2>
+ <h2 id="error-title">Error 404</h2>
  <div id="error">
  <p> An error has occured, please click on the button below to go back to the start page:</p>
  </div>

diff --git a/assets/css/style.css b/assets/css/style.css
@@ -13,29 +13,6 @@ body {
  background-image: radial-gradient(circle, #fdbb2d 0%, orange 5%, aquamarine 80%); 
 }
 
-/*-- Error 404 file styling--*/
-
-#error-title {
- margin: 0 auto;
- text-align: center;
-}
-
-#error {
- display: flex;
- justify-content: center;
- align-items: center;
- padding-top: 100px;
-
-}
-
-#return {
-text-align: center;
-text-decoration: none;
-padding-top: 50px;
-}
-
-
-
 /*-- Home Page Styling Section --*/
 #home-h {
  padding-bottom: 40px;
@@ -296,6 +273,29 @@ h1 {
  height: 30%;
 }
 
+/*-- Error 404 file styling--*/
+
+#error-title {
+ text-align: center;
+ font-weight: bold;
+}
+
+#error {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding-top: 100px;
+
+}
+
+#return {
+text-align: center;
+text-decoration: none;
+padding-top: 50px;
+}
+
+/*-- End of Error 404 styling section --*/
+
 @media screen and (min-width: 768px) {
 
  .img {