diff --git a/css/style.css b/css/style.css
index 26f119b..26bd6bd 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,3 +1,52 @@
+body {
+ background: lightgray
+}
+
h1 {
- color: salmon;
+ color: rgb(87, 82, 82);
+ text-align: center;
+ font-size: 30px
+}
+
+h2 {
+ color: rgb(87, 82, 82);
+ text-align: center;
+ font-size: 12px;
+}
+
+h3 {
+ text-align: center;
+ color: rgb(87, 82, 82);
+ font-size: 25px;
+ margin: 5 auto;
+ border: solid black;
+ background-size: cover;
+ background-position: center;
+ background-color: white;
+ margin: auto 20px;
+}
+p {
+ font-weight: bold;
+ color: white;
+ font-size: 30px;
+ position: absolute;
+}
+
+img {
+ max-width: 75%;
+ max-height: 100%;
+ border-radius: 10px;
+ display: flex;
+ justify-content: space-around;
+}
+
+.places {
+ display: flex;
+ justify-content: space-around;
+ padding: 5%;
+}
+
+.row {
+ display: flex;
+ justify-content: space-around;
}
diff --git a/flex-vs-grid.md b/flex-vs-grid.md
new file mode 100644
index 0000000..d993bea
--- /dev/null
+++ b/flex-vs-grid.md
@@ -0,0 +1,7 @@
+# The difference between Flexbox and grid that I saw is that in flexbox i was able to wrap whatever I am working on to the next row. With grid, I would have to give it a different row for the others to go to the next row. Another difference is that with grid, you are using an actual grid. Flexbox equals no grid.
+
+## The similarities may be the fact that both move things to different places on the screen. I notice that when using both, you are just telling the computer what position you want the object to go to.
+
+### Just Trying to see if I am pushing correctly.
+
+#### Im sorry! This has nothing to do with the assignment. Im just glad I am finally being able to push.
\ No newline at end of file
diff --git a/index.html b/index.html
index 8cd37ff..e6195f9 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,55 @@
- Hello Front-End
+ AirBnb
-
Hello Front-End
+
+
Meet Guidebooks
+
+
Discover hundreds of local spots recommended by Airbnb hosts
+ 
+ 
+ 
+ 
+ 
+