How ali-sdg90/learning-css- works
This repository is a static collection of CSS-learning pages and small practice projects, not a single application with a shared runtime. The main user workflow is browsing a project page and seeing its HTML styled in the browser. A distinct data-driven branch is the Games-I-Played list: its script fetches and alphabetizes game records, then adds rows to the page. The README also documents exercises, input experiments, and earlier CSS work. Some pages and stylesheet wiring were not sampled, so links between those files are omitted.
Main entry points: script.js List renderer · Games-I-Played/index.html Games list page · index.html Repository hub · 6hr-CSS- CSS journey pages
Components 16
Showcase hub
- Repository hub
index.html - Hub styling
Repo-hub/style.css
CSS learning
- CSS journey pages
6hr-CSS- - CSS journey styles
6hr-CSS-/style.css - Advanced styles
6hr-CSS-/adv-css.css - Early CSS page
First CSS/index.html
Practice projects
- Exercise website
Exersise/HTML - Exercise styles
Exersise/CSS - Exercise assets
Exersise/img - Input experiments
inputs/index.html - Input styling
inputs/style.css
Game tracker
- Games list page
Games-I-Played/index.html - List renderer
Games-I-Played/script.js - Game records
Games-I-Played/games.json - List styling
Games-I-Played/style.css
Other components
- Visitor
Connections 8
- Visitor → Repository hub: opens
- Visitor → CSS journey pages: browses
- Visitor → Early CSS page: browses
- Visitor → Exercise website: browses
- Visitor → Input experiments: browses
- Visitor → Games list page: browses
- List renderer → Game records: fetches
- List renderer → Games list page: appends rows