- Create a page that displays a BibleProject video series
- Spend no more than 6 hours on the challenge
- Style the page to match
index.pngas close as possible without access to the Figma file - Make the page responsive
- Load a YouTube embed in the right section of the banner when a video tile is clicked
- Use the provided template as a starting point
- Vite is included to support JSX and preview the page
- No third-party packages should be installed
- CSS should run in modern browsers without using any additional features provided by Vite or PostCSS
- Fetch the contents of
public/api/data.jsonto render the page - Allow the page to accept a URL query parameter called
debugthat will cause the video tile interaction to randomly fail and handle the error gracefully
- Add at least one CSS enhancement (animation, effect, etc.)
- Create a simple theme using CSS custom properties
- Add any additional improvements or optimizations that you feel make the experience better