Day 2 - Lesson 2

General Relativity

We are all connected; To each other, biologically. To the earth, chemically. To the rest of the universe atomically.

― Neil DeGrasse Tyson

Element traversing

• Parents
• Children
• Siblings

Sizing units

• px = pixels
• % = percentage of its parent
• vw = width percentage of the viewport
• vh = height percentage of the viewport

Protips

• Do not use VH for mobile
• You can use responsive units for your typography

Width & Height

• Width, min-width, max-width
• Height, min-height, max-height

Display properties

• Block
• Inline-Block
• Inline
• None

Breakout

• Create different elements that have different widths and heights across different breakpoints
• 30 minutes