Skip to content

Bug: Inconsistent width and height of "Read More" sections on landing page cardsΒ #1112

@AKASH-KUMAR-R

Description

@AKASH-KUMAR-R

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

  1. Go to the landing page of the doc2pen project.
  2. Scroll down to the section showcasing open-source programs.
  3. 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

issue_screenshot_1
issue_screenshot_2


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

  • This is not a duplicate issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions