From e445f922819e11ac45a47e5a4380de36af5fa38c Mon Sep 17 00:00:00 2001
From: Engin Can Dinc <51540754+dincengincan@users.noreply.github.com>
Date: Mon, 25 Mar 2024 15:25:00 +0300
Subject: [PATCH] Fix vertical layout for browser (#135)

---
 frontend/src/components/Browser.css | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/Browser.css b/frontend/src/components/Browser.css
index 3ece670b8f..49c3a4afae 100644
--- a/frontend/src/components/Browser.css
+++ b/frontend/src/components/Browser.css
@@ -1,11 +1,13 @@
 .url {
-    margin: 0.5rem;
-    padding: 0.5rem 1rem;
-    background-color: white;
-    border-radius: 2rem;
-    color: #252526;
+  margin: 0.5rem;
+  padding: 0.5rem 1rem;
+  background-color: white;
+  border-radius: 2rem;
+  color: #252526;
 }
 
 .screenshot {
-    width: 100%;
-}
\ No newline at end of file
+  width: 100%;
+  max-height: calc(100vh - 100px); /* 100px is the height of the header */
+  object-fit: cover;
+}