diff --git a/src/styles/style.css b/src/styles/style.css
index 5db5340..247129a 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -217,13 +217,15 @@ header {
 }
 
 .item {
-    width: 300px;
     height: 470px;
     text-align: center;
     border: 2px solid #f6f6f6;
     padding-right: 35px;
     padding-left: 35px;
     padding-top: 35px;
+    padding-bottom: 35px;
+    flex: 300px;
+    margin: 5px;
 }
 
 .item-image {
@@ -231,7 +233,7 @@ header {
 }
 
 .item-image img {
-    width: 100%;
+    max-width: 100%;
 }
 
 .item:nth-child(3) img {
@@ -288,7 +290,8 @@ header {
 
 .advantage {
     text-align: center;
-    width: 300px;
+    flex: 290px;
+    margin: 5px;
     height: 253px;
     border: 2px solid #ffffff;
     padding-top: 40px;
@@ -333,7 +336,8 @@ header {
 }
 
 .pop-item {
-    width: 220px;
+    flex: 220px;
+    margin: 5px;
     height: 345px;
     border: 2px solid #f6f6f6;
     text-align: center;