canonical / canonical/vanilla-framework

Add negative margin: Logo section

Open
#5,522 3 comments 0 reactions 0 assignees View on GitHub
WG: Validated
Dominant language
HTML
Stars
983
Forks
216
Avg merge
3d 13h
Merged PRs (30d)
3

Description

## Component/pattern to amend

Logo section

## Visual

Image

## Context

Can ewe add a negative margin-right (`-2rem`) to `p-logo-section__items`? This way, the margin-right on whichever logo happens to be last at the current screen width (they wrap), will go into that negative margin, allowing more logos to fit onto one line. (Thanks to @kim-isaac) for bringing this up.

Contributor guide

Open the contributing guide

Research direction

Find the styles for the Logo section and the p-logo-section__items class, then review the attached visual and current logo wrapping behavior. Apply the requested negative right margin and verify that logos fit more effectively on each line at varying screen widths.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, sass
Domain
design, frontend
Issue type
Feature
Difficulty
1/5
Estimated time
Under an hour
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.