Poprawki responsywności

src/components/SideBar.vue

@@ -71,7 +71,7 @@ export default defineComponent({
 
 .sidebar_content {
   display: grid;
-  grid-template-rows: repeat(4, 1fr);
+  grid-template-rows: repeat(3, 1fr);
   gap: 0.25em;
 
   font-size: 1.5em;
@@ -138,7 +138,7 @@ button.option-save {
 
   .sidebar_content {
     grid-template-rows: 1fr;
-    grid-template-columns: repeat(4, 1fr);
+    grid-template-columns: repeat(3, 1fr);
 
     & > button {
       height: 60px;

src/views/Home.vue

@@ -90,7 +90,6 @@ export default defineComponent({
 <style lang="scss" scoped>
 .home {
   min-height: 100vh;
-
   overflow-x: auto;
 
   .home_container {
@@ -98,10 +97,11 @@ export default defineComponent({
     flex-wrap: wrap;
     align-items: flex-start;
     justify-content: center;
-    margin-top: 1em;
+    padding: 2em 0;
 
     @media screen and (max-width: 650px) {
-      margin-top: 80px;
+      padding-top: 85px;
+      padding-bottom: 5em;
     }
   }