From 34f23694adae468ceb23410bfa0e84e55f87fa48 Mon Sep 17 00:00:00 2001
From: "adnma186@student.liu.se" <adnma186@student.liu.se>
Date: Thu, 29 Feb 2024 09:52:10 +0100
Subject: [PATCH] =?UTF-8?q?f=C3=B6r=20i=20helvete=20becca=20part=20two?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/secondViewStylesheet.css | 18 +++++++++++++++++
 client/secondview.html          | 34 ++++++++++++++-------------------
 2 files changed, 32 insertions(+), 20 deletions(-)

diff --git a/client/secondViewStylesheet.css b/client/secondViewStylesheet.css
index 7f97c42..355e7f9 100644
--- a/client/secondViewStylesheet.css
+++ b/client/secondViewStylesheet.css
@@ -46,10 +46,28 @@ body {
     background-color: rgba(0, 0, 0, 0.3);
 }
 
+h2 {
+    font-size: 40px;
+    margin-left: 30px;
+}
+
 .first-container img {
     width: 400px;
     height: 400px;
     margin-right: 30px;
     margin-left: 30px;
     border-radius: 10px;
+    align-items: center;
+}
+
+.first-container {
+    display: flex;
+    justify-content: space-between;
+    margin-left: 30px;
+    margin-right: 30px;
+    margin-top: 20px;
+}
+
+.first-container .text-container {
+    flex: 1;
 }
\ No newline at end of file
diff --git a/client/secondview.html b/client/secondview.html
index 68e1636..78ef62a 100644
--- a/client/secondview.html
+++ b/client/secondview.html
@@ -26,26 +26,20 @@
 </article>
 
 <!--- First container: img + text -->
-<article class= "first-container">
-<div class = "firstContainer">
-    <h2> Title </h2> <!--- Change to suitable title-->
-    <img src="/Users/adnamaric/Desktop/grupp-4-project/client/secondViewImages/firstContainerImage.avif" alt="Picture of hole">
-    <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
-        laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
-        voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
-        cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
-        laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
-        voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
-        cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
-        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
-        laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
-        voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
-        cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-    </p> <!-- Lägg in text -->
+<!--- First container: img + text -->
+<article class="first-container">
+    <div class="text-container">
+        <h2> Title </h2> <!--- Change to suitable title-->
+        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
+            ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+            laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+            voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
+            non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> <!-- Lägg in text -->
+    </div>
+    <div class="image-container">
+        <img src="/Users/adnamaric/Desktop/grupp-4-project/client/secondViewImages/firstContainerImage.avif" alt="Picture of hole">
+    </div>
+</article>
 </div>
 </body>
 </html>
\ No newline at end of file
-- 
GitLab