mobile view not working without removing all existing code

style.css

@@ -224,11 +224,13 @@ width: 100%;
     height: 30px;
   }
 
-  .profile-box2{
-    height: 450px;
+  .profile-box2{ 
+    border: solid white 15px;
+    padding: 20px;
+    height: 400px;
     width: 100%;
     background-image: url(muji.png);
-    background-size: contain;
+    background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     background-color: #CFCFCF;
@@ -254,6 +256,44 @@ width: 100%;
     font-family:"Montserrat", sans-serif ;
   }
 
+  button{
+
+
+      border: 2px solid black;
+      background-color: white;
+      color: black;
+      text-transform: uppercase;
+      font-family: "Montserrat", sans-serif;
+      width: 160px;
+      height: 45px;
+      margin: 50px 10px;
+      position:relative;
+      left: 16%;
+
+  }
+
+  button:hover{
+    background-color: black;
+    color: white;
+    cursor: pointer;
+
+}
+
+  .social-handle{
+
+    padding: 0 60px;
+      display: flex;  
+      justify-content: space-evenly;
+      align-items: center;
+  }
+
+
+
+  .learn{
+    display: none;
+  }
+
 
+
 
 }