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 +
+ kauppa ulkoa + kahvi ja leivos + kaupan baari +
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%;