📄️ What is CSS?
CSS stands for Cascading Style Sheets, and is a style sheet language used to control the presentation of an HTML document. CSS separates the presentation from the structure (HTML) and allows for more consistent styling across a website. We'll use CSS for colors, layout, fonts and more.
📄️ Box Model
The CSS box model is how the browser renders the design and layout of the page. The CSS box model is essentially a box that wraps around every HTML element. It consists of:
📄️ Text Styling
Similar to when word processing in Word, which uses local fonts. If I specify to use a font that I have on my computer, I can't count on that font being available on the user's computer viewing my page.
📄️ States
State refers to the current condition or data of a web application at a point time. This can
📄️ Card layout
In CSS, a card layout is a design pattern where content is presented inside a "card" -- a rectangular container with its own boundary, spacing, and decoration.
📄️ Flexbox
CSS Flexbox is a powerful layout system that allows you to create flexible and responsive page layouts.
📄️ Grid Layout
CSS Grid is a powerful layout system that allows you to create two-dimensional grid-based layouts with ease.
📄️ Tailwind CSS
Tailwind CSS is a CSS framework that allows you to build user
📄️ Responsive Layout
You've gathered some cool skills to create a great looking web application. But you've been creating for the device you work on. What happens when you run it on a phone? A tablet?