CSS
CSS (Cascading Style Sheets) is a stylesheet language responsible for the styling of your web page. It is used to express how HTML elements are styled, positioned and rendered on all of the different screen displays and sizes.
FUNDAMENTALS
Syntax Overview Comments Basic Selectors Grouping Selectors Adjacent Sibling Combinator General Sibling Combinator Child Combinator Descendant Combinator The Universal Selector Cascade Overview Specificity Advanced Specificity Best Practices Inheritance Colors Background ColorsTYPOGRAPHY
Adding Fonts Use Italics Make Text Bold Change The Size Of Text line-height Spacing Letters Text Transform Text Decoration Text Alignment Ch UnitTHE BOX MODEL
What Is A Margin? Margin Properties What Is A Padding? Padding Properties Borders Width & Height Box Model Overview Box Sizing & Border BoxPROJECT ONE
Building A Card ComponentCSS UNITS
CSS Units Introduction The Problem With Pixels The rem Unit The em Unit The Viewport Units Percentages The ch UnitFLEXBOX
What Is Flexbox? The Dimensions Of Layouts The Display Property Flexbox Flex Direction Justify Content Align Items Flex Wrap & Align Content Gap Flex Grow & Flex Shrink Flex Basis Flex Shorthand Align Self Order How To Center AnythingPROJECT TWO
Project Two Intro Project Setup Simple Header Advanced Header BEM Naming Convention Hero Section Pricing Section Features Section Contact Section Footer SectionBEGINNER RESPONSIVENESS
What Is Responsiveness? Media Queries 101 Mobile VS Desktop First Show & Remove ContentPROJECT THREE
Project Three Intro Responsive Hero Responsive Pricing Responsive Features Responsive ContactADVANCED RESPONSIVENESS
Advanced Responsiveness Pre-Defined Media Queries New Container Utility Class How To Architect Your CSSPROJECT FOUR
Hero BackgroundGRID
Creating A Grid Rows & Columns Positioning Items Layering Items Implicit Grid Grid Units Grid Functions Grid Gap Grid Template Areas Justify & Align Items Justify & Align Self Justify & Align Content Auto FitPROJECT FIVE
Pricing SectionADVANCED CONCEPTS
Thinking In CSS CSS Variables Margin Collapsing CSS Resets Utility Classes CSS Normalization Pseudo-Elements Pseudo-ClassesFINAL PROJECT
Project Intro Project Setup Resetting The CSS Theming Our Website The Utility-Classes Accessibility Concerns Setting The Stage Header Section Hero Section Pricing Section About Section Testimonial Section Features Section FAQ Section CTA Section Footer Section Git & Deploying Final TouchesEXTRA
Build Portfolio Websitedashboard / css / grid-functions