[website] responsiveness issues fixed downloads section

website/pages/index.tsx

@@ -16,6 +16,14 @@ const Root = () => {
           bgPos="right"
         >
           <VStack mt="10" mx="6" spacing="4" alignItems="flex-start">
+            <chakra.section
+              p={{ base: "5", md: "0" }}
+              borderRadius="2xl"
+              bgColor={{
+                base: "#f5f5f599",
+                md: "transparent",
+              }}
+            >
               <Heading color="#212121" size="2xl">
                 Spotube
               </Heading>
@@ -23,6 +31,7 @@ const Root = () => {
                 A fast, modern, lightweight & efficient Spotify Music Client for
                 every platform
               </Heading>
+            </chakra.section>
             <DownloadButton />
           </VStack>
         </chakra.section>

website/pages/other-downloads/package-manager.tsx

@@ -17,7 +17,7 @@ import { DisplayAd } from "components/special";
 export default function PackageManagerPage() {
   return (
     <VStack p="5" spacing="5">
-      <VStack align="start" maxW="2xl">
+      <VStack align="start" w="full" maxW="2xl">
         <Heading>Installation using Package Managers</Heading>
         <Text>
           If you don&apos;t want to download the binary of Spotube, you can use

website/pages/other-downloads/stable-downloads.tsx

@@ -19,7 +19,7 @@ import { DisplayAd, InFeedAd } from "components/special";
 import { GetServerSideProps, NextPage } from "next";
 import { MarkdownComponentDefs } from "misc/MarkdownComponentDefs";
 import { octokit } from "configurations/ocotokit";
-import gemoji from "remark-gemoji"
+import gemoji from "remark-gemoji";
 
 enum AssetTypes {
   sums = "sums",
@@ -148,7 +148,10 @@ const StableDownloads: NextPage<Props> = ({ data }) => {
                         borderRadius={`0 5px 5px ${
                           assets.length !== 1 ? 5 : 0
                         }px`}
-                        w="72"
+                        w={{
+                          base: "full",
+                          sm: "72",
+                        }}
                       >
                         {assets.map((asset) => {
                           return (