From b77c1ad09dd9c7963eb8bcf3d2aa6e006ffb34d2 Mon Sep 17 00:00:00 2001
From: Jet Hughes <jethughes0@gmail.com>
Date: Mon, 24 Oct 2022 18:18:09 +1300
Subject: [PATCH] vault backup: 2022-10-24 18:18:09

---
 content/notes/css.md | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/content/notes/css.md b/content/notes/css.md
index 2a193fa0d..cefd21274 100644
--- a/content/notes/css.md
+++ b/content/notes/css.md
@@ -13,9 +13,6 @@ h1(selector) {
 }
 ```
 
-
-
-
 # Selectors
 Types
 - Universal: `*`
@@ -70,15 +67,23 @@ Rules at a higher level of specificity will override a rule at a lower level
 
 ID > class > element.
 
-Types
-- Universal: 1
-- Type: 10
-- Class: 100
-- Id: 1000
+- ID: 100
+- Class (also, attr selector or pseudo class): 10
+- Element (also pseudo element): 1
+
+# Box Model
+![box model diagram|400](https://i.imgur.com/G7oIlKC.png)
+![border-box box model|400](https://i.imgur.com/iY8O3hd.png)
+
+Margin Collapse: If two vertically adjcent elements have touching margins, the smaller of the two will collapse
+
+# Layout
+## Flexbox
+## Grid
+## Trad
+
+# Positioning
 
 
 
 
-# Media Queries
-
-