Feature Request: Add Padding/Margin to Image Containers

[Akash-Gupta-git]

Current Behaviour

• Images touch borders: Images in the gallery/grid are directly touching their container borders.
• Cramped layout: Lack of spacing makes the layout look tight and unappealed.
• Reduced aesthetics: Visual presentation of individual images is compromised.
• it is taking full screen

Proposed Solution

• Add padding/margin: Introduce consistent padding or margin around each image within its container.
• Create visual gap: Establish a small space between image content and the container's border.
• Improve aesthetics: Enhance the visual appeal and clarity of the image gallery.

Screenshot/Mockup (Optional)

Alternatives Considered

• Adjusting image size only: Not effective for consistent spacing.
• Applying border to image: Less clean than container padding.

Additional Context

• UI/UX improvement: A minor change with significant positive impact on visual quality.
• Design best practice: Aligns with standard design principles for spacing.

Requirement/Document

Apply CSS padding to the container element wrapping each image.

I would like to work on these improvements under GSSoC'25. @multiverseweb Kindly assign this issue to me.

[Khushee21]

can you please assign me:)

[Svetlana2006]

Hello! I just did some changes and added a pull request. Please confirm if it is what was required to fix the issue

[priyalnagvekar]

Hi mentor @multiverseweb ! 🌟 I’m a contributor for GSSoC 2025, and I’d love to work on this feature request to improve spacing in image containers for a cleaner layout. If it fits the criteria, could you please add the gssoc label and assign it to me? I’m excited to contribute! ✨

[Samridha0305]

I would love the opportunity to work on this enhancement. Kindly assign me this issue and label it under GSSoC’25. Thank you!