Completed
⌨️ Layout for the card grid with flexbox, then CSS grid
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Build a Simple Website with HTML, CSS, JavaScript – Course for Beginners
Automatically move to the next video in the Classroom when playback concludes
- 1 ⌨️ Intro
- 2 ⌨️ Functional requirements of design
- 3 ⌨️ Accessible form controls
- 4 ⌨️ Update CSS custom properties with JS
- 5 ⌨️ Screen reader-only text
- 6 ⌨️ Creating GitHub repo
- 7 ⌨️ Set up SCSS and JS files
- 8 ⌨️ Set up Gulp workflow
- 9 ⌨️ Studying the design
- 10 ⌨️ Building out the top bar
- 11 ⌨️ Using accessible markup
- 12 ⌨️ Styling top bar
- 13 ⌨️ Styling toggle and make accessible
- 14 ⌨️ What is BEM? Planning out the class names
- 15 ⌨️ Adding the markup and the SCSS selectors for the cards
- 16 ⌨️ Styles for card
- 17 ⌨️ Layout for the card grid with flexbox, then CSS grid
- 18 ⌨️ Styling the top bars on the cards
- 19 ⌨️ Bottom cards markup and styles
- 20 ⌨️ Changing the toggle based on comments
- 21 ⌨️ Use system preferences to load light or dark theme
- 22 ⌨️ Build the toggle logic to manually change light/dark theme
- 23 ⌨️ Save toggle settings in local storage
