diff --git a/pages/index.tsx b/pages/index.tsx
index fc40f1b..4d90dd0 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -115,6 +115,32 @@ export default function Index() {
@Instagramissa
+
+
+
+
+
diff --git a/public/bar.png b/public/bar.png
new file mode 100644
index 0000000..0f457a8
Binary files /dev/null and b/public/bar.png differ
diff --git a/public/cafe.png b/public/cafe.png
new file mode 100644
index 0000000..4037513
Binary files /dev/null and b/public/cafe.png differ
diff --git a/public/kauppa.png b/public/kauppa.png
new file mode 100644
index 0000000..8d2ea49
Binary files /dev/null and b/public/kauppa.png differ
diff --git a/styles/Index.module.scss b/styles/Index.module.scss
index e138a5c..f1ac4cf 100644
--- a/styles/Index.module.scss
+++ b/styles/Index.module.scss
@@ -16,7 +16,8 @@
display: flex;
align-items: center;
flex-direction: column;
- max-width: 80%;
+ max-width: 675px;
+ width: 80%;
}
.sectionContainer {
@@ -140,6 +141,20 @@
margin-bottom: 0;
}
+.instagramImagesContainer {
+ display: flex;
+ justify-content: space-around;
+ max-width: 100%;
+ margin-top: 2rem;
+ margin-bottom: 1rem;
+}
+
+.instagramImage {
+ max-width: 30%;
+ height: 100%;
+ border-radius: 10%;
+}
+
.collaborationImage {
max-width: 100%;
height: 100%;