From 692247afe33a078a853e148b87e93beaf1f44b6f Mon Sep 17 00:00:00 2001
From: Aarni Halinen <aarni.halinen@gmail.com>
Date: Mon, 6 Jul 2020 17:00:07 +0300
Subject: [PATCH] Placeholder images

---
 src/pages/ActualPage/ActualPage.scss | 10 ++++++++++
 src/pages/ActualPage/ActualPage.tsx  |  6 +++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/pages/ActualPage/ActualPage.scss b/src/pages/ActualPage/ActualPage.scss
index 4ecd67d..c45ad94 100644
--- a/src/pages/ActualPage/ActualPage.scss
+++ b/src/pages/ActualPage/ActualPage.scss
@@ -2,4 +2,14 @@
   display: flex;
   flex-flow: column wrap;
   justify-content: flex-start;
+
+  .actual-page-images {
+    display: flex;
+    flex-flow: row nowrap;
+
+    & > img {
+      flex: 1 0;
+      object-fit: cover;
+    }
+  }
 }
diff --git a/src/pages/ActualPage/ActualPage.tsx b/src/pages/ActualPage/ActualPage.tsx
index 5cc799b..dbf7d04 100644
--- a/src/pages/ActualPage/ActualPage.tsx
+++ b/src/pages/ActualPage/ActualPage.tsx
@@ -93,7 +93,11 @@ class ActualPage extends React.Component<ActualPageProps, ActualPageState> {
             </TextAnchor>
           </Ribbon>
         </PageSection>
-          Kuva-galleriasta hyviä kuvia 3kpl. (Esim. wireframen kuvat)
+        <div className="actual-page-images">
+          <img src="https://placehold.it/400x400" />
+          <img src="https://placehold.it/400x400" />
+          <img src="https://placehold.it/400x400" />
+        </div>
         <PageSection backgroundColor="blue1">
           <Ribbon>
             <h3>Sinustako kilta-aktiivi?</h3>