diff --git a/animation/03-pop-up/solution/solution.css b/animation/03-pop-up/solution/solution.css
index e69de29..dec9f46 100644
--- a/animation/03-pop-up/solution/solution.css
+++ b/animation/03-pop-up/solution/solution.css
@@ -0,0 +1,26 @@
+* {
+  padding: 0;
+  margin: 0;
+}
+
+#popup-container {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.popup-modal {
+  position: absolute;
+  width: 30%;
+  border: 1px solid black;
+  background-color: white;
+  display: flex;
+  justify-content: space-between;
+  visibility: hidden;
+}
+
+.show {
+  visibility: visible;
+}
diff --git a/animation/03-pop-up/solution/solution.html b/animation/03-pop-up/solution/solution.html
index 1651eae..66c1d70 100644
--- a/animation/03-pop-up/solution/solution.html
+++ b/animation/03-pop-up/solution/solution.html
@@ -5,9 +5,16 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Popup</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="solution.css" />
   </head>
   <body>
-    <div id="popup-container"></div>
+    <div id="popup-container">
+      <button id="open-modal">Click Me!</button>
+      <div class="popup-modal">
+        <p>Hey there!</p>
+        <button id="close-modal">X</button>
+      </div>
+    </div>
+    <script src="solution.js"></script>
   </body>
 </html>
diff --git a/animation/03-pop-up/solution/solution.js b/animation/03-pop-up/solution/solution.js
new file mode 100644
index 0000000..732a9f8
--- /dev/null
+++ b/animation/03-pop-up/solution/solution.js
@@ -0,0 +1,15 @@
+const openButton = document.getElementById('open-modal');
+const closeButton = document.getElementById('close-modal');
+
+function openModal() {
+  const modalDiv = document.querySelector('.popup-modal');
+  modalDiv.classList.add('show');
+}
+
+function closeModal() {
+  const modalDiv = document.querySelector('.popup-modal.show');
+  modalDiv.classList.remove('show');
+}
+
+openButton.addEventListener('click', openModal);
+closeButton.addEventListener('click', closeModal);
