diff --git a/index.html b/index.html new file mode 100644 index 00000000..33340027 --- /dev/null +++ b/index.html @@ -0,0 +1,56 @@ + + + + + title + + + +
+

Instagram

+
+
+
+
+ Delicious! + 1/4 +
+ +
+

Belly full of plantain!

+
+
+
+
+ Behold! + 2/4 +
+ +
+

Such a captivating sunset!

+
+
+
+
+ Soooooo cute + 3/4 +
+ +
+

The most adorable kitty ever!

+
+
+
+
+ Camping + 4/4 +
+ +
+

A night to remeber

+
+
+
+ + + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 00000000..10e92eba --- /dev/null +++ b/styles.css @@ -0,0 +1,45 @@ +body { + display: flex; + flex-direction: column; + align-items: center; + background-color: lightgrey; + font-family: Arial, sans-serif; + margin: 0; +} + +header { + display: flex; + justify-content: center; + align-items: center; + height: 150px; + width: 100%; + background-color: white; + +} + +.main-container { + width: 600px; + padding: 20px 0; +} + +.post { + background-color: white; + margin: 60px 0; +} + +.picture { + width: 100%; + display: block; +} + +.caption { + padding:20px; + font-size: 16px; +} + +.title { + padding: 15px; + font-size: 20px; + display: flex; + justify-content: space-between; +}