guardian/dotcom-rendering

Article Structure: timeline boxes should connect on mobile

Open

#11,550 opened on Jun 5, 2024

View on GitHubContributor guide
 (0 comments) (0 reactions) (0 assignees)TypeScript (35 forks)auto 404
Team Candidate: Articles and Publishinggood first issue

Repository metrics

Stars
 (271 stars)
PR merge metrics
 (PR metrics pending)

Description

Timeline boxes should connect together on mobile, unlike in screenshot below which has a gap between boxes.

For more info, please see figma designs.

Image

Contributor guide

Research direction
Review the Figma designs for the mobile breakpoint to understand the intended connection between timeline boxes. Inspect the current CSS for the timeline component and add a media query or adjust the styling to remove the gap on mobile view.
Tech stack
typescript
Domain
frontendweb dev
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Mostly clear
Prerequisites
CSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65