uses json for the image and data. JSON file must be located under /src/data
uses the multiple components: Article Component and Sports Winners Box/Container (as much as possible randomize the colors, you can of course use AI for help)
Create a folder named Section and put the All Sports Article Section there.
Check tailwind.config.ts and look for the configs.
For the spacing, margin, and etc, you don't have to make it a 1:1 copy from Figma to Code, adjust it if you feel like it is better or if it is right to you.
All Sports Article Section
Requirements:
/src/dataSectionand put the All Sports Article Section there.For the data, refer to the link/s below:
Lookback Data: https://docs.google.com/document/d/1yxVk32iT7LWs04OdbwgJo6X5vLN_P64LdqZIt9DkH8I/edit?tab=t.0
Games Images: https://drive.google.com/drive/folders/1E8ls9NYlirpWG2skwCDZzJfaY1qdPorC
REMINDERS
Check
tailwind.config.tsand look for the configs.For the spacing, margin, and etc, you don't have to make it a 1:1 copy from Figma to Code, adjust it if you feel like it is better or if it is right to you.