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.