1 files changed, 7 insertions, 7 deletions

diff --git a/frontend/src/components/pages/summary.css b/frontend/src/components/pages/summary.css
index 51f8515..47c3f4b 100644
--- a/frontend/src/components/pages/summary.css
+++ b/frontend/src/components/pages/summary.css
@@ -463,11 +463,11 @@ text-align: center;
 
  /* such responsive, very mobile */
 @media screen and (max-width: 1480px) {
-    #section3{grid-template-columns: auto;}
+    #section3.summary1{grid-template-columns: auto;}
     #category{min-width: 608px;}
     #history{min-width: 608px;}
     #description{min-width: 608px;}
-    #section4{min-width: 588px;}
+    #section4.summary1{min-width: 588px;}
     
     #description>iframe{
         padding: 0 0 0 calc(50% - 304px);
@@ -476,19 +476,19 @@ text-align: center;
         align-items: center;
     }
 
-    #section1{
+    #section1.summary1{
         grid-template-columns: auto;
         place-items: center;
         text-align: center;
         
     }
 
-    #section2{
+    #section2.summary1{
         grid-template-columns: auto;
         width: 450px;
         margin: 40px auto 0 auto;
     }
-    #section2>.nav-button:nth-child(1){border-radius: 30px 30px 0 0;}
-    #section2>.nav-button:nth-child(2){border-radius: 0;}
-    #section2>.nav-button:nth-child(3){border-radius: 0 0 30px 30px;}
+    #section2.summary1>.nav-button:nth-child(1){border-radius: 30px 30px 0 0;}
+    #section2.summary1>.nav-button:nth-child(2){border-radius: 0;}
+    #section2.summary1>.nav-button:nth-child(3){border-radius: 0 0 30px 30px;}
 }
\ No newline at end of file