diff --git a/css/style.css b/css/style.css
index 26f119b..6a5164b 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,3 +1,44 @@
h1 {
- color: salmon;
+ color: gray;
+ text-align:center;
+ font-size:30px;
}
+
+Body {
+ Background:lightgray;
+}
+#top {
+ color:gray;
+ text-align:center;
+}
+#first {
+ justify-content:flex-start;
+ height:auto;
+ font-size:5px;
+}
+
+img {
+ width:150px;
+ height:100px;
+ display:inline-block;
+ text-align:center;
+}
+div {
+ text-align:center
+}
+#middle {
+ font-size:20px;
+ font-weight:bold;
+ color:gray;
+ text-align:center;
+}
+#middlebottom {
+ font-size:10px;
+ color:gray;
+ text-align:center;
+}
+.button {
+ background-color: white;
+ width:300px;
+ margin: 10px auto;
+}
\ No newline at end of file
diff --git a/flex-vs-grid.md b/flex-vs-grid.md
new file mode 100644
index 0000000..2254d0f
--- /dev/null
+++ b/flex-vs-grid.md
@@ -0,0 +1 @@
+The main difference I noticed is that flexbox is one-dimensional while CSS grid is two-dimensional. With CSS you have more options on placement, which allows for a more complex design. Both methods allows you to design the layout of the page.
\ No newline at end of file
diff --git a/index.html b/index.html
index 8cd37ff..4ec960b 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,31 @@
-
-
-
-
-
-
- Hello Front-End
-
-
- Hello Front-End
-
+
+
+ Meet Guidebooks
+
+
+ Discover hundreds of local spots recommended by AirBnb hosts
+
+
+ See All Guidebooks
+
+
+ Just For The Weekend
+
+
+ discover new, inspiring places, close to home
+
+
+
+ See All Destinations
+
+
+
+ 
+ 
+ 
+ 
+ 
+