Trillo project done

Trillo/starter/sass/_layout.scss

@@ -22,10 +22,19 @@
   align-items: center;
 
   font-size: 1.4rem;
+
+  @media only screen and (max-width: $bp-large) {
+    flex-wrap: wrap;
+    align-content: space-around;
+    height: 11rem;
+  }
 }
 
 .content {
   display: flex;
+  @media only screen and (max-width: $bp-medium) {
+    flex-direction: column;
+  }
 }
 
 .sidebar {
@@ -50,6 +59,16 @@
   border-bottom: 1px solid var(--color-grey-light-2);
 
   font-size: 1.4rem;
+
+  @media only screen and (max-width: $bp-medium) {
+    padding: 3rem;
+    gap: 3rem;
+  }
+
+  @media only screen and (max-width: $bp-small) {
+    flex-direction: column;
+    gap: 0;
+  }
 }
 
 .description {
@@ -57,6 +76,12 @@
   box-shadow: var(--shadow-light);
   padding: 3rem;
   flex: 0 0 60%;
+  @media only screen and (max-width: $bp-medium) {
+    padding: 2rem;
+  }
+  @media only screen and (max-width: $bp-small) {
+    margin-bottom: 3rem;
+  }
 }
 
 .user-reviews {