Completed
Adding a media query for responsive web design
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
CSS Tutorial for Absolute Beginners - Learn CSS3
Automatically move to the next video in the Classroom when playback concludes
- 1 Intro
- 2 CSS needs HTML
- 3 CSS3 definition
- 4 CSS cascades / CSS3 syntax
- 5 Dive into CSS
- 6 Start with the HTML code
- 7 Create your CSS file
- 8 Link your CSS3 to your HTML5
- 9 Add Live Server to VS Code
- 10 Chrome Dev Tools Mobile View / Responsive Web Design
- 11 CSS Reset / Select All
- 12 Setting Default CSS Styles
- 13 Defining Reusable CSS Classes
- 14 Applying Classes to HTML
- 15 Styling the navbar
- 16 BEM naming convention
- 17 Styling the main element
- 18 Applying styles to the posts
- 19 Changing the placeholder images
- 20 Styling the footer
- 21 Fixing the link scroll with scroll-margin-top
- 22 Using CanIUse.com to identify an iOS / Safari issue
- 23 Adding a media query for responsive web design
- 24 Post columns or equal height or not?
- 25 Adding more posts to the page
- 26 Updating the navbar to handle more links
- 27 Adding a pseudo-selector to the images
- 28 Adding a unicode symbol
- 29 Conclusion
