kawanlb / kawanlb/Projeto-Mobile-Code
🐛 💄 CSS Bug: Incorrect Card Sizing in CardsAnimais Container
- Dominant language
- JavaScript
- Stars
- 1
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
**Description:**
When there is only one card inside the CardsAnimais container in the Home component, the card is displayed incorrectly, appearing too large vertically.
**Steps to Reproduce:**
1. Navigate to the home page.
2. Choose a filter that results in only one animal being displayed.
3. Observe the sizing of the card inside the CardsAnimais container.
**Expected Behavior:**
The card should be displayed with appropriate sizing, maintaining consistency with other cards in the container.

**Actual Behavior:**
The card appears too large vertically when it is the only card in the CardsAnimais container.

**Additional Context:**
This issue affects the visual consistency of the home page when only one animal is displayed. It impacts the user experience and should be addressed to ensure proper rendering of cards in all scenarios.
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by locating the Home component and its CardsAnimais container, then reproduce the issue with a filter that leaves one animal visible. Inspect the container and card styling for the single-card case; done means the card keeps appropriate vertical sizing and visual consistency with the other-card case.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100