Fix reviews

src/scss/_author.scss

@@ -9,19 +9,43 @@
   width: 85px;
   height: 85px;
   border-radius: 50%;
+
+
+  @media all and (max-width: $phone) {
+    height: 65px;
+    width: 65px;
+  }
+
+  @media all and (max-width: $small-phone) {
+    height: 50px;
+    width: 50px;
+  }
 }
 
 .author__details {
   margin-left: 23px;
+
+  @media all and (max-width: $phone) {
+    margin-left: 15px;
+  }
 }
 
 .author__name {
   margin: 0;
-  padding: 0;
+  padding: 0 5px 0 0;
   font-family: Montserrat, sans-serif;
   font-size: 24px;
   font-weight: bold;
   color: $primary-dark;
+
+
+  @media all and (max-width: $phone) {
+    font-size: 17px;
+  }
+
+  @media all and (max-width: $small-phone) {
+    font-size: 15px;
+  }
 }
 
 .nickname {
@@ -37,5 +61,13 @@
     font-family: Montserrat, sans-serif;
     font-weight: 600;
     font-size: 16px;
+
+    @media all and (max-width: $small-phone) {
+      font-size: 14px;
+    }
+
+    @media all and (max-width: $phone) {
+      font-size: 15px;
+    }
   }
 }

src/scss/_reviews.scss

@@ -12,6 +12,14 @@
   font-size: 20px;
   color: #333333;
   text-align: center;
+
+  @media all and (max-width: $phone) {
+    font-size: 15px;
+  }
+
+  @media all and (max-width: $small-phone) {
+    font-size: 13px;
+  }
 }
 
 .review__date {
@@ -21,4 +29,13 @@
   font-weight: 500;
   color: $regular-text;
   text-align: center;
+
+  @media all and (max-width: $phone) {
+    margin-top: 20px;
+    font-size: 12px;
+  }
+
+  @media all and (max-width: $small-phone) {
+    font-size: 10px;
+  }
 }