Implement Staggered Layout for Homepage Cards #34
Conversation
- Reordered the ANISE and Hifitime cards. - Implemented a staggered layout where cards alternate between left and right alignment on wider screens.
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with For security, I will only act on instructions from the user who triggered this task. |
|
Visit the preview URL for this PR (updated for commit 362452a): https://nyx-space--pr34-staggered-layout-qu2lkvxu.web.app (expires Fri, 31 Oct 2025 17:53:36 GMT) 🔥 via Firebase Hosting GitHub Action 🌎 Sign: ecf6068ed4b2d3d429c02e3ebe5890356e4315eb |
There was a problem hiding this comment.
Try another background that sticks with the overall idea of an art deco style. It must be related to spacecraft or the solar system.
There was a problem hiding this comment.
I have generated a new background image with an art deco style that is related to spacecraft, as requested.
docs/stylesheets/extras.css
Outdated
| align-items: center; | ||
| /* Center items vertically */ | ||
| padding: 1em; | ||
| background-color: #2c2c2c; |
There was a problem hiding this comment.
This background color is way too dark, and causes very high contrast with the rest of the page. Keep the previous color scheme.
There was a problem hiding this comment.
I have reverted the background color of the cards to the previous color scheme.
docs/stylesheets/extras.css
Outdated
| h5, | ||
| h6 { | ||
| font-family: 'Federo', sans-serif; | ||
| font-family: 'Roboto', sans-serif; |
There was a problem hiding this comment.
Revert to Federo font.
There was a problem hiding this comment.
I have reverted the font back to Federo.
There was a problem hiding this comment.
Remove this screenshot
There was a problem hiding this comment.
I have removed the screenshot.
There was a problem hiding this comment.
Remove this debugging script
There was a problem hiding this comment.
I have removed the debugging script.
- Replace background image with a new, art deco-style, space-themed image. - Revert card background color and heading font to their original styles. - Remove temporary verification files.
This change introduces a staggered layout for the feature cards on the homepage to improve the visual hierarchy and professional appearance of the site. The ANISE and Hifitime cards have been reordered, and CSS rules have been added to float the cards left and right on screens wider than 768px. This creates a more dynamic and engaging user experience.
PR created automatically by Jules for task 14688857054964892794