containers / containers/podman.io

Inconsistent Container Styling in the Feature

Open
#581 2 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
108
Forks
188
Avg merge
6d 22h
Merged PRs (30d)
12

Description

The carousel containers have inconsistent heights, causing the navigation arrows to appear at different vertical positions. Some containers across the website use inconsistent styling, including differences in spacing, padding, borders, background, or overall appearance. This makes the UI look inconsistent and less polished. All containers should follow a consistent design style to maintain a cohesive user experience.

**Expected Behavior:**
- Containers should have consistent styling throughout the website.
- All carousel containers should have consistent dimensions.
- The layout should look uniform across all pages and screen sizes.

https://github.com/user-attachments/assets/cb4a92b3-c68d-455d-af2b-6a98ec5e9526

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by locating the carousel container styles and the navigation-arrow layout in the website frontend, then compare the affected pages and screen sizes shown by the issue. Done means carousel containers have consistent dimensions and the surrounding spacing, padding, borders, backgrounds, and overall appearance are uniform throughout the affected pages.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
design, frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.