argyleink / argyleink/gui-challenges

Hubs Example Breaks When Viewed Locally

Open
#322 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
HTML
Stars
3k
Forks
389
PR merge metrics
No merged PRs in 30d

Description

**SUMMARY:**
Downloading the .zip for carousels and then viewing live via VS Code results in the last few demos breaking.

**STEPS TO REPRODUCE:**
1. Download gui-challenges-main.zip.
2. Open gui-challenges-main > carousel > index.html in VS Code.
3. View live in browser.

**EXPECTED RESULT:**
The .zip file, when viewed live, locally, should look the same as [https://gui-challenges.web.app/carousel/dist/](https://gui-challenges.web.app/carousel/dist/)

**ACTUAL RESULT:**
The last few demos seem to be missing CSS, here is a screenshot:
![image](https://github.com/user-attachments/assets/d68ac9c8-0caf-43f3-85d4-b8e1c2abd4e5)

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with gui-challenges-main/carousel/index.html and compare the locally served page with the deployed carousel/dist/ example. Inspect which CSS references are missing for the last demos; done means the downloaded zip renders all carousel demos locally with the same styling as the deployed page.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.