CSS Branding & Layout

🎯 Learning Intention

I will use CSS rules to style logos, fonts, and layouts for a professional brand.

✅ Success Criteria

I can write or recognize 3 CSS rules that apply brand identity.

🌍 Why Are We Learning This?

CSS turns a plain page into a branded, professional experience.

🧠 Warm-Up

“What’s one thing that makes a website look ‘professional’ vs. ‘amateur’?”

📚 Word(s) of the Day

• Flexbox – CSS tool for arranging elements in a row/column.
• Responsive – Design that adapts to different screen sizes.

📣 Mini Lecture (10 min)

• color: + background-color: for brand palettes.
• font-family: + Google Font imports.
• Flexbox for aligning logo + nav links.

✅ CFU: Quick-match game → Which CSS rule styles which part of a page?

🤝 Guided / Independent Work (35 min)

• Distribute CSS Branding Cheat Sheet.
• Students highlight 3 rules they’ll apply in their portfolio site.