chore: by the honour of grayskull

Author: ovflowd

apps/site/pages/en/index.mdx

@@ -27,7 +27,7 @@ layout: home
         <small className="!text-xs">for Node.js 18 and below</small>
       </Button>
 
-      <div className="flex flex-row gap-2 justify-center xs:mt-6">
+      <div className="flex flex-col xs:flex-row gap-2 justify-center xs:mt-6">
         <WithNodeRelease status="LTS">
           {({ release }) =>
             <BadgeGroup size="small" kind="info" badgeText={release.versionWithPrefix} href={`/blog/release/${release.versionWithPrefix}`}>

packages/ui-components/src/Common/BadgeGroup/index.module.css

@@ -1,8 +1,9 @@
 @reference "../../styles/index.css";
 
 .wrapper {
-  @apply flex
-    w-fit
+  @apply xs:w-fit
+    flex
+    w-full
     items-center
     rounded-full
     border