Landing page's Reference Architectures section UI redesign
What does this MR do and why?
WHAT
- This MR redesigns the UI for landing page's Reference Architectures section.
- Followed these mockups: https://www.figma.com/design/8SyoJ7QPtz7CWhOtq5hAcz/%F0%9F%A4%94-Miocene-s-ideas-exploration?node-id=3024-7182&t=iWmoDpxjCFe2LDVQ-0
WHY
- This is part of UI redesign for Doc's site.
Screenshots, screen recordings, or links to review app
| SCENARIO | BEFORE | AFTER |
|---|---|---|
| Large screen (>=1200) |
 |
 |
| Medium screen (992 to 1095) |
 |
 |
| Medium screen (1095 to 1199) |
 |
 |
| Other screensizes (<992) |
 |
 |
| Card focused version |
 |
 |
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
- Configure a local GitLab Docs environment.
- Check out this branch.
- Check landing page's reference architectures section. Make sure to check all different sizes mentioned in the table above.
Merge request acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this merge request.
Closes #375 (closed)
Edited by Hiru Fernando