diff --git a/css/main.css b/css/main.css
new file mode 100644
index 0000000..1380a95
--- /dev/null
+++ b/css/main.css
@@ -0,0 +1,4 @@
+.container top {
+    display: flex;
+    /* or inline-flex */
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index ad6d70c..c23e0fc 100644
--- a/index.html
+++ b/index.html
@@ -1,26 +1,30 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+
+<head>
     <title>Hello!</title>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    
+
     <!-- import the webpage's stylesheet -->
     <link rel="stylesheet" href="/style.css">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
+</head>
 
-  </head>  
-  <body>
+<body>
     <!--repalce this h1 and p content with your own html table -->
     <h1>Hi there!</h1>
 
     <p>
-      I'm your cool new webpage. Made with <a href="https://glitch.com">Glitch</a>!
+        I'm your cool new webpage. Made with <a href="https://glitch.com">Glitch</a>!
     </p>
 
     <!-- include the Glitch button to show what the webpage is about and
           to make it easier for folks to view source and remix -->
     <div class="glitchButton" style="position:fixed;top:20px;right:20px;"></div>
     <script src="https://button.glitch.me/button.js"></script>
-  </body>
-</html>
+</body>
+
+</html>
\ No newline at end of file
