diff --git a/css/style.css b/css/style.css
index 26f119b..c848104 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,3 +1,21 @@
-h1 {
- color: salmon;
+body{
+ font-family:'Lato', sans-serif;
+ background-color: rgb(240,248,255);
+ text-align: center;
}
+div{
+ display: inline-block;
+}
+.column {
+ float: center;
+ width: 33.33%;
+ padding: 5px;
+}
+img{
+ width: 300px;
+ height: 300px;
+}
+button{
+ display: inline-block;
+ font-size: 12px;
+}
\ No newline at end of file
diff --git a/flex-vs-grid.md b/flex-vs-grid.md
new file mode 100644
index 0000000..5654cdc
--- /dev/null
+++ b/flex-vs-grid.md
@@ -0,0 +1 @@
+## What I learned about Flexbox and Grid is that while one is more focused on changing the space around the content, the other is more focused on making changes to the content. A difference that Flexbox and Grid have is that Flexbox works for chaging the layout for either a row or column. With Grid you can change the layout of the coloumm and row at the same time.
\ No newline at end of file
diff --git a/index.html b/index.html
index 8cd37ff..ed1c838 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,39 @@
-
-
-
-
-
- Hello Front-End
-
-
-
Hello Front-End
-
-
+
+
+
+ AirBnb
+
+
+
Meet Guidebooks
+
Discover hundreds of local spots recommeded by Aribnb hosts
+ 
+ 
+ 
+ 
+ 
+