diff --git a/components/home/hero.module.css b/components/home/hero.module.css index 7c537dba..0bc9e530 100644 --- a/components/home/hero.module.css +++ b/components/home/hero.module.css @@ -267,14 +267,21 @@ .actions { margin-top: 1.6em; margin-bottom: 1.4em; - display: block; - align-items: left; - justify-content: left; + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; /* Allow items to wrap to the next line */ font-size: 1rem; font-size: min(1rem, max(3.5vw, 1.1rem)); font-weight: 500; } +.actions > * { + flex: 0 0 auto; /* Prevent items from growing or shrinking */ + margin: 0.5em; /* Add some margin between items */ + width: 150px; /* Set a fixed width for the buttons */ +} + a.cta { margin-right: 0.75rem; padding: 0.75rem 1.5rem;