(otava-website) branch master updated: Update front page so its better on mobile (#23)

[asorokoumov]

This is an automated email from the ASF dual-hosted git repository.

Gerrrr pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/otava-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 2c474ea  Update front page so its better on mobile (#23)
2c474ea is described below

commit 2c474ea35ce2f818c784673115f47b176862d94b
Author: Sarthak Singh <133800177+sarthaksin1...@users.noreply.github.com>
AuthorDate: Sat Jul 25 19:05:44 2026 -0500

    Update front page so its better on mobile (#23)
---
 src/components/HomepageFeatures/styles.module.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/components/HomepageFeatures/styles.module.css 
b/src/components/HomepageFeatures/styles.module.css
index 3e4352d..c34d26f 100644
--- a/src/components/HomepageFeatures/styles.module.css
+++ b/src/components/HomepageFeatures/styles.module.css
@@ -45,6 +45,7 @@
 
 .buttons {
     display: flex;
+    flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     gap: 1rem;
@@ -52,6 +53,15 @@
     margin-bottom: 6rem;
 }
 
+@media screen and (max-width: 640px) {
+    .buttons {
+        flex-direction: column;
+        align-items: stretch;
+        max-width: 320px;
+        margin: 2.5rem auto 6rem;
+    }
+}
+
 .demoGrid {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));