fix(theme-default): hero actions spacing on small devices (close vuepress#381) (vuepress#442)

Author: DerZade

packages/@vuepress/theme-default/src/client/styles/home.scss

@@ -26,6 +26,13 @@
       margin: 1.8rem auto;
     }
 
+    .actions {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 1rem;
+      justify-content: center;
+    }
+
     .description {
       max-width: 35rem;
       font-size: 1.6rem;
@@ -43,10 +50,6 @@
       transition: background-color var(--t-color);
       box-sizing: border-box;
 
-      &:not(:first-child) {
-        margin-left: 1.5rem;
-      }
-
       &.primary {
         color: var(--c-bg);
         background-color: var(--c-brand);