diff --git a/Certified_Full_Stack_Developer/CSS/Event_flyer_page/index.html b/Certified_Full_Stack_Developer/CSS/Event_flyer_page/index.html
new file mode 100644
index 0000000..b4e52d6
--- /dev/null
+++ b/Certified_Full_Stack_Developer/CSS/Event_flyer_page/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Build an Event Flyer Page</title>
+  <link rel="stylesheet" href="styles.css" />
+</head>
+<body>
+    <header>
+        <img src="https://cdn.freecodecamp.org/curriculum/labs/event.jpg" alt="event image">
+        <h1>CTF</h1>
+        <hr>
+    </header>
+    <main>
+        <section>
+            <h2>Fun</h2>
+        </section>
+        <section>
+            <h2>Competition</h2>
+        </section>
+    </main>
+</body>
+</html>
diff --git a/Certified_Full_Stack_Developer/CSS/Event_flyer_page/styles.css b/Certified_Full_Stack_Developer/CSS/Event_flyer_page/styles.css
new file mode 100644
index 0000000..4d34d15
--- /dev/null
+++ b/Certified_Full_Stack_Developer/CSS/Event_flyer_page/styles.css
@@ -0,0 +1,19 @@
+body {
+    background: darkgrey;
+    padding-top: 50px;
+    padding-bottom: 50px;
+    margin-left: auto;
+    margin-right: auto;
+    width: 10vw;
+    min-height:  calc(100vh - 100px);
+    margin-top: 0;
+    margin-bottom:0;
+}
+
+hr {
+    width: 100%;
+}
+
+section {
+    width: 90%;
+}
\ No newline at end of file
