feat: SW-65 Working on booking widget wrapper component

2024-07-25 16:04:35 +02:00
parent 9796ff29c5
commit 2afab6a33d
6 changed files with 175 additions and 0 deletions
--- a/components/BookingWidget/bookingWidget.module.css
+++ b/components/BookingWidget/bookingWidget.module.css
@@ -0,0 +1,20 @@
+.container {
+  display: none;
+  gap: var(--Spacing-x3);
+}
+
+.form {
+  display: grid;
+  gap: var(--Spacing-x5);
+}
+
+@media screen and (min-width: 1367px) {
+  .container {
+    display: grid;
+    padding: 0 var(--Spacing-x5);
+  }
+  .form {
+    grid-template-columns: auto auto auto auto auto auto;
+    align-items: center;
+  }
+}