Merge pull request #5 from Birkbeck2/mediaqueries

Successfully added all media queries for responsive puzzle
Birkbeck2 · Apr 9, 2024 · 29aeb39 · 29aeb39
2 parents bda41fe + 4cbc09e
commit 29aeb39
Show file tree

Hide file tree

Showing 2 changed files with 733 additions and 28 deletions.
diff --git a/index.html b/index.html
@@ -16,14 +16,14 @@
         <main>
             <section>
                 <h1>Puzzle 1</h1>
-                <div id="containers">
-                    <div id = "piece-container"></div> <!--creating the puzzle piece -https://www.youtube.com/watch?app=desktop&v=b-WZjv5Xglc&ab_channel=PresentationProcess-->
-                    <div id = "puzzle-container"></div>
-                </div>
                 <ul id = "buttons">
                     <li><button id = "start">start</button></li>
                     <li><button id = "reset">reset</button></li>
                 </ul>
+                <div id="containers">
+                    <div id = "piece-container"></div> <!--creating the puzzle piece -https://www.youtube.com/watch?app=desktop&v=b-WZjv5Xglc&ab_channel=PresentationProcess-->
+                    <div id = "puzzle-container"></div>
+                </div>
             </section>
         </main>