pmndrs / pmndrs/react-spring

[bug]<home>: container size not applied to two sections

Open
#2,400 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

area: docs
Dominant language
TypeScript
Stars
29.1k
Forks
1.2k
PR merge metrics
No merged PRs in 30d

Description

Which react-spring target are you using?
  • @react-spring/web
  • @react-spring/three
  • @react-spring/native
  • @react-spring/konva
  • @react-spring/zdog
What version of react-spring are you using?

The issue is related to the website not react-spring itself

What's Wrong?

Two sections: "Join our community" and "Check out the ecosystem" on the home page are not respecting the container size and appear stretched to full width on mobile and desktop instead of being aligned with the rest of the layout.

Image

If you want to work on this issue, head to the following file as a starting point: docs/app/routes/_index.tsx

To Reproduce
  1. open home page at: https://www.react-spring.dev
  2. scroll to bottom
  3. now you can see the last two sections not respecting container size
Expected Behaviour

The two sections should respect container size as all other sections on the same page.

Link to repo

https://www.react-spring.dev

Contributor guide

Open the contributing guide

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.

Research direction

Start in docs/app/routes/_index.tsx and inspect how the “Join our community” and “Check out the ecosystem” sections are laid out compared with the other home-page sections. Reproduce the issue at https://www.react-spring.dev by checking the page at mobile and desktop widths. Done means both sections respect the shared container size and align with the rest of the layout.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend, web-dev
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.