Skip to content

UI: Reduce excess vertical spacing between member photos and names on Community Members page #187

@shivraj-io

Description

@shivraj-io

Describe the bug On the /community-members page, there is a large vertical gap between each community member's profile picture and their corresponding name. This spacing makes the name appear somewhat disconnected from the image.

To Reproduce Steps to reproduce the behavior:

Go to the live site's community members page: https://yfosp.netlify.app/community-members

Observe the grid of community members.

Notice the significant vertical space between the bottom of each photo and the top of the name text below it.

Expected behavior The member's name should be positioned closer to their profile picture. Reducing the margin, padding, or gap would create a tighter, more visually appealing grouping for each member's card.

Screenshot Here is a screenshot highlighting the current spacing issue: (Don't forget to upload your image here when you create the issue!)

**

Image

** This appears to be a CSS styling issue. The problem can likely be resolved by inspecting the CSS for the member card container and adjusting the margin-bottom of the image element or the margin-top of the name element.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions