chaoss / chaoss/website

Misaligned "Read More" Button

Open
#951 2 comments 0 reactions 0 assignees View on GitHub
to-do
Dominant language
HTML
Stars
43
Forks
94
PR merge metrics
No merged PRs in 30d

Description

#### **Description:**
The "Read More" button at the bottom left appears misaligned compared to the other buttons in the newsletter section. This creates an inconsistent UI experience and affects readability.

#### **Steps to Reproduce:**
1. Observe the positioning of the "Read More" buttons in the newsletter section.
2. Notice that the last button is not aligned consistently with the other buttons.

#### **Expected Behavior:**
All "Read More" buttons should be consistently aligned under their respective text sections, maintaining uniform spacing and positioning.

#### **Possible Causes:**
- The last button might not be wrapped correctly in a container.
- There could be extra `margin`, `padding`, or `display: block` causing misalignment.
- A missing flex or grid layout rule affecting button positioning.

![Image](https://github.com/user-attachments/assets/6d0bda5e-7146-49ed-9a1e-cb4aecd8ef3d)

Contributor guide

Open the contributing guide

Research direction

Start by locating the newsletter section and its "Read More" button markup and styles, then reproduce the layout shown in the issue image. Compare the final button's container, spacing, and layout rules with the other buttons; done means all buttons align consistently under their respective text sections.

Written by the indexing model from the issue text.

Assessment

Tech stack
html
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.