UI misalignment and enhancement suggestions for homepage layout #24
Description
Description:
The homepage layout currently has some visual inconsistencies in the Steps section and the “Want to Contribute” area. Step numbers, text, and image placeholders are not fully aligned or centered, which slightly affects the overall visual balance.
Additionally, the homepage could be visually enhanced with more modern, clean UI touches to make it more appealing and consistent with the project’s design goals.
Screenshot:
Expected Behavior:
All step sections should be evenly spaced and aligned.
Step numbers and text should be vertically centered and consistent across all screen sizes.
The "Want to Contribute" section should maintain even padding and spacing.
Suggested Enhancements:
Improve section spacing:
Add consistent top/bottom padding across all “Step” containers.
Ensure equal vertical space between text and image columns.
Modern visual styling:
Add subtle shadows or rounded corners to each step card.
Introduce smooth hover animations for buttons and links.
Use slightly lighter background for alternating steps for contrast.
Responsive fixes:
Adjust grid/flex layout for better alignment on 768px–1288px viewports.
Ensure images and text wrap nicely without overlapping.
Typography and color consistency:
Ensure all headings follow the same font weight and color tone.
Add a bit more contrast between section titles and body text.
Please assign this task to me , will like to contribute