Make package links flex layout

site/decodal-site/src/style.css

@@ -538,22 +538,27 @@ button:disabled {
 }
 
 .home-packages {
+  align-items: flex-start;
   background: var(--surface);
   border: 1px solid var(--border);
   border-radius: 18px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.9rem 1.4rem;
   margin-bottom: 1.5rem;
   padding: 1.2rem 1.4rem;
 }
 
 .home-packages h2 {
-  margin: 0 0 0.9rem;
+  flex-basis: 100%;
+  margin: 0;
 }
 
 .primary-package {
   border: 1px solid var(--border);
   border-radius: 14px;
-  display: inline-block;
-  margin-bottom: 0.9rem;
+  display: block;
+  flex: 0 1 320px;
   padding: 0.9rem 1rem;
   text-decoration: none;
 }
@@ -573,7 +578,8 @@ button:disabled {
 }
 
 .package-list {
-  columns: 2;
+  columns: 1;
+  flex: 1 1 320px;
   margin: 0;
   padding-left: 1.2rem;
 }