make general-section more responsive

1 files changed, 15 insertions, 0 deletions

diff --git a/styles/styles.css b/styles/styles.css
index cfb2d34..29b14f0 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -254,6 +254,14 @@ blink {
   .main-content {
     flex-direction: column;
   }
+  .general-section {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .general-section ul {
+    padding-left: 0;
+  }
 
   .sidebar,
   .content {
@@ -312,7 +320,14 @@ blink {
   display: inline-block;
   vertical-align: top;
 }
+.general-section {
+  flex-direction: column;
+  align-items: center;
+}
 
+.general-section ul {
+  padding-left: 0;
+}
 .music-player h3 {
   color: #ff69b4;
   text-shadow: 1px 1px 2px #fff;