[Mobile UI]: Suggested vertical spacing between cards in Step 2 & Step 4 #994
Description
No response
Description
- Link to website: Get Started with Aiven
- Path: Step 2: Set up your organization and Step 4: Secure your organization
Current Behavior
On mobile devices, the grid container for the three cards under Step 2: Set up your organization appears to have no gap between them, unlike the grid container in Step 1: Set up billing above it. The same gap inconsistency is present for the items under Step 4: Secure your organization. This results in a visually inconsistent layout on mobile devices.
Expected Behavior
The grid containers for Step 2 and Step 4 should have the same vertical gap between cards as Step 1. This will make the cards easier to read, clearly separate each section, and match the look of Step 1 on mobile devices.
Screenshots
Step 2 & 4 gap issue example (mobile view)
Environment
- Host OS: Ubuntu 24.03
- Browser: Chromium