Description
The "Read More" sections under the open-source programs on the landing page have inconsistent width and height across all cards. This creates a visually unbalanced layout, affecting the overall user experience.
Steps to Reproduce
- Go to the landing page of the doc2pen project.
- Scroll down to the section showcasing open-source programs.
- Observe the "Read More" buttons on each card.
Expected Behavior
The "Read More" buttons should have a consistent width and height, ensuring a uniform appearance for all cards.
Actual Behavior
The "Read More" buttons currently have varying widths and heights, which disrupts the alignment of the cards.
Screenshots


Environment
- Browser: ( Brave Latest Version )
- OS: ( Windows 10 )
Suggested Fix
- Use a consistent CSS style (e.g.,
min-width, max-width, min-height, padding) for the "Read More" buttons.
- Consider using a flexbox or grid layout to ensure uniformity in card structure.
Additional Context
The inconsistency impacts the professional look of the landing page. Addressing this will enhance user experience and visual appeal.
Request
I am interested in working on this issue. Kindly assign it to me if approved! 😊
Checklist
Description
The "Read More" sections under the open-source programs on the landing page have inconsistent width and height across all cards. This creates a visually unbalanced layout, affecting the overall user experience.
Steps to Reproduce
Expected Behavior
The "Read More" buttons should have a consistent width and height, ensuring a uniform appearance for all cards.
Actual Behavior
The "Read More" buttons currently have varying widths and heights, which disrupts the alignment of the cards.
Screenshots
Environment
Suggested Fix
min-width,max-width,min-height,padding) for the "Read More" buttons.Additional Context
The inconsistency impacts the professional look of the landing page. Addressing this will enhance user experience and visual appeal.
Request
I am interested in working on this issue. Kindly assign it to me if approved! 😊
Checklist