[Bug]: Tic-Tac-Toe sandbox download contains duplicate CSS rules
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 11.8k
- Forks
- 7.9k
- Avg merge
- 1d 11h
- Merged PRs (30d)
- 11
Description
Summary
The CodeSandbox generated from the Tic-Tac-Toe tutorial contains duplicate * and body CSS rules in src/styles.css.
The declarations are identical and do not affect the rendered result, but the duplication may confuse beginners following the tutorial.
Page
https://react.dev/learn/tutorial-tic-tac-toe
Details
Steps to reproduce:
- Open the Tic-Tac-Toe tutorial.
- Fork one of the interactive examples in CodeSandbox.
- Download and extract the sandbox.
- Open
src/styles.css.
The * and body rules appear twice with identical declarations.
I confirmed the same duplication in multiple examples on the tutorial page.
The tutorial source defines them only once per example, so the duplication appears to occur when the sandbox files are generated.
Expected result:
src/styles.css contains only one copy of each rule.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start at the Tic-Tac-Toe tutorial page and reproduce the issue by downloading multiple CodeSandbox examples. Inspect each extracted src/styles.css and compare it with the tutorial source, then trace how the sandbox files are generated. Done means each generated stylesheet contains only one copy of the * and body rules.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript, react
- Domain
- documentation, tooling
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100