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