diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 000000000..6f3a2913e
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/Flexbox Module Challenge.html b/Flexbox Module Challenge.html
new file mode 100644
index 000000000..c4909949f
--- /dev/null
+++ b/Flexbox Module Challenge.html	
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link rel="stylesheet" href="index.css">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+  }
+  
+  li a {
+    display: block;
+    width: 60px;
+    background-color: #dddddd;
+  }
+<body>
+<ul>
+    <li><a href="#about">About</a></li>
+    <li><a href="#projects">Projects</a></li>
+    <li><a href="#contact">Contact</a></li> 
+</ul>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index d01f779ff..288793ee4 100644
--- a/index.html
+++ b/index.html
@@ -1,10 +1,20 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+    <link rel="stylesheet" href="index.css">
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
 </head>
+li {
+    float:left;
+}
+
+a {
+    display: block;
+    padding: 8px;
+
+}
 <body>
     
 </body>
diff --git a/projects.html b/projects.html
index 266e620b0..7fbac2f66 100644
--- a/projects.html
+++ b/projects.html
@@ -4,6 +4,10 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
+
+    <div>Franky Lopez</div>
+    <div>My PROJECTS</div>
+    <div>About me</div>
 </head>
 <body>
     <h1> PROJECTS </h1>
diff --git a/style/index.css b/style/index.css
index 440e53514..875c976a9 100644
--- a/style/index.css
+++ b/style/index.css
@@ -1 +1,12 @@
-/* Add CSS styling here */
\ No newline at end of file
+<style>
+body{
+    background-color: aqua;
+}
+
+nav {
+    About
+    Projects
+    
+
+}
+</style>
\ No newline at end of file
