fix padding screen responsive

src/layouts/MainLayout.vue

@@ -24,11 +24,11 @@ import HeaderView from 'components/HeaderView.vue'
 <style>
 .screen-responsive {
   width: 100%;
-  max-width: 1200px;
+  max-width: 1024px;
   margin: 0 auto;
 }
 
-@media (max-width: 768px) {
+@media (max-width: 1096px) {
   .screen-responsive {
     width: 90%;
   }

src/layouts/ProjetLayout.vue

@@ -24,11 +24,11 @@ const hover = ref(0)
 <style scoped>
 .screen-responsive {
   width: 100%;
-  max-width: 1200px;
+  max-width: 1024px;
   margin: 0 auto;
 }
 
-@media (max-width: 768px) {
+@media (max-width: 1096px) {
   .screen-responsive {
     width: 90%;
   }