fix(SW-435): Added different height of Tripadvisor iframe between viewports

Approved-by: Matilda Landström

apps/scandic-web/components/ContentType/HotelSubpage/ReviewsSubpage/reviewsSubpage.module.css

@@ -42,7 +42,7 @@
 
 .iframe {
   width: 100%;
-  height: 1100px; /* Maximum(ish) content height on desktop without the need of scrolling */
+  height: 50dvh;
   border-width: 0;
   border-radius: var(--Corner-radius-lg);
 }
@@ -54,6 +54,12 @@
   object-fit: contain;
 }
 
+@media screen and (min-width: 768px) {
+  .iframe {
+    height: 1150px; /* Maximum(ish) content height on desktop without the need of scrolling */
+  }
+}
+
 @media screen and (max-width: 1366px) {
   .subheading,
   .sidebarHeading {
@@ -71,6 +77,7 @@
   .mainContent {
     grid-area: main;
   }
+
   .sidebar {
     grid-area: sidebar;
   }