Styled DownloadEntry and fixed responsiveness

tubio-frontend-nuxt-app/layouts/default.vue

@@ -22,7 +22,7 @@ export default {
 };
 </script>
 
-<style lang="css" scoped>
+<style lang="scss" scoped>
 .main-column {
   width: 80%;
   padding: 0 20% 50px 20%;
@@ -30,6 +30,18 @@ export default {
   box-shadow: 0 0 50px 50px #0005;
   min-height: 100vh;
 
+  @media (max-width: theme('screens.fhd')) {
+    width: 100%;
+    padding: 0 20px;
+    padding: 0 200px 50px 200px;
+  }
+
+  @media (max-width: theme('screens.xl')) {
+    width: 100%;
+    padding: 0 20px;
+    padding: 0 100px 50px 100px;
+  }
+
   @media (max-width: theme('screens.md')) {
     width: 100%;
     padding: 0 20px;