Completed
) Intro
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
HTML / CSS Tutorial – Create an Order Summary Component
Automatically move to the next video in the Classroom when playback concludes
- 1 ) Intro
- 2 ) How websites work
- 3 ) Intro to HTML and CSS
- 4 ) Server and Client Model
- 5 ) What is a component?
- 6 ) Intro To Design Tools
- 7 ) Starter project files
- 8 ) Terminals
- 9 ) Creating the project
- 10 ) Creating our index.html file
- 11 ) HTML Body Tag
- 12 ) HTML heading tags
- 13 ) HTML Basics
- 14 ) HTML Syntax
- 15 ) CSS Basics
- 16 ) Adding CSS To our HTML
- 17 ) CSS Selectors
- 18 ) HTML, CSS and JS
- 19 ) The Div Tag
- 20 ) CSS Variables
- 21 ) Adding the background image
- 22 ) Adding background colors
- 23 ) DevTools
- 24 ) CSS Inheritance
- 25 ) CSS Specificity
- 26 ) Adding the card title
- 27 ) Adding the card image
- 28 ) Building the card
- 29 ) The CSS Box Model
- 30 ) CSS Box Model in action
- 31 ) CSS Shorthands
- 32 ) Default styles
- 33 ) Box-sizing
- 34 ) Styling the card
- 35 ) Adding the front
- 36 ) The CSS Overflow Property
- 37 ) The Button tag
- 38 ) Styling the buttons
- 39 ) Building the plan container
- 40 ) Adding the change link
- 41 ) Styling the plan container
- 42 ) Centering content in the card
- 43 ) Centering the card
- 44 ) Final tweaks
- 45 ) Outro
