mozilla / mozilla/protocol

Update/revise card layouts

Open
#707 2 comments 0 reactions 1 assignee View on GitHub

@ehot is already working on this.

Since Mar 2, 2023.

Design 🎨
Dominant language
SCSS
Stars
298
Forks
83
Avg merge
16h 48m
Merged PRs (30d)
1

Description

Our card layout templates have pretty tight spacing and we've since moved toward giving content a bit more breathing room. We should revise the card spacing to loosen things up.

Additionally, complex card layouts (especially the five-card hero layout) are using floats because CSS grid wasn't really supported at the time we initially built this stuff. We should consider reworking it to use grid (maybe with a basic float layout as a fallback) which should give us some more control over card placement and alignment.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.