[Bug]: Tutorial: Tic-Tac-Toe incorrect description and images for where the source files reside

[thernstig]

Summary

The .js and .css files resides in the src/ directory in CodeSandbox, not in the root as in the text and images in the tutorial.

Page

https://react.dev/learn/tutorial-tic-tac-toe#overview

Details

[AdiyaMitra]

@thernstig what's the change needed?

[thernstig]

The tutorial tells you:

Search for the text "In the live code editor below, click Fork in the top-right corner".

Try to do that. Click Fork.

Now notice how the file structure in the opened/forked code sandbox is not the same as described in the text in the tutorial, nor the image in the tutorial. The file structure from the code sandbox actually looks like I pasted on the OP. But the tutorial says:

1. The Files section with a list of files like App.js, index.js, styles.css and a folder called public

In the sandbox the files are in a src/ folder.

This image is also wrong: https://react.dev/images/tutorial/react-starter-code-codesandbox.png

[rickhanlonii]

Yeah nice catch, feel free to send a PR. cc @mattcarrollcode