M moviedb/static/css/custom.css → moviedb/static/css/custom.css

@@ -127,7 +127,7 @@ font-family: "Roboto Mono";
     text-transform: none;
 }
 
-@media only screen and (max-width: 700px){
+@media only screen and (max-width: 767px){
     .nav-username {
         display:none;
     }
@@ -204,7 +204,7 @@ justify-content: center;
     align-items: flex-start;
 }
 
-@media only screen and (max-width: 700px){
+@media only screen and (max-width: 767px){
     .movieinfo {
         width: 95%;
         flex-wrap: wrap;
@@ -218,7 +218,7 @@ flex-shrink: 0;
     width: 30%;
 }
 
-@media only screen and (max-width: 700px){
+@media only screen and (max-width: 767px){
     .poster{
         flex-shrink: 0;
         width: 50%;
@@ -230,7 +230,7 @@ .infotext {
     padding-left: 2.6rem;
 }
 
-@media only screen and (max-width: 700px){
+@media only screen and (max-width: 767px){
     .infotext{
         padding: 0rem;
     }
@@ -244,7 +244,7 @@ align-items: center;
     margin-bottom: 2rem;
 }
 
-@media only screen and (max-width: 700px){
+@media only screen and (max-width: 767px){
     .infotext-head{
         margin-bottom: 0.4rem;
     }
@@ -417,6 +417,12 @@ display: flex;
     flex-direction: column;
 }
 
+@media only screen and (max-width: 767px){
+    .results{
+        width:95%;
+    }
+}
+
 .result-box{
     background-color: white;
     padding: 1rem 1.5rem;
@@ -471,6 +477,13 @@ flex-direction: column;
     margin-bottom: 4rem;
 }
 
+@media only screen and (max-width: 767px){
+    .profile {
+        width: 95%;
+        padding: 1rem;
+    }
+}
+
 .profile-head h1{
     font-weight: 700;
     font-size: 2.5rem;
@@ -501,7 +514,8 @@ }
 
 .profile-head-right{
     width: 50%;
-    display: flex;
+    /* display: flex; */
+    display:none;
     flex-direction: column;
     align-items: flex-end;
 }
@@ -553,8 +567,11 @@ 
 .profile-list-item-text {
     padding-left: 1rem;
 }
+
 .profile-list-title {
     font-size: 1.4rem;
+    line-height: 1.2;
+
 }
 
 .profile-list-rating {