← Lessons BUILDER PATH

🎬 Poster Studio

Lesson 23
🎬
Themed Universe
Movie Studio
Lights! Camera! CSS! Typography styles every word you see in movies β€” today YOU design the poster! 🎞️
🎯 Missions Day ✦
…
…
…
● ● ● poster.css CSS

  
movie screen LIVE

🎬 Movie Studio Step 1 of 5

…

πŸ’‘ Hint: …

🎬 Poster Studio

In Hello Colors you painted with CSS colours. In Sticker Studio you used transforms to spin and grow. Today you learn what makes every movie poster, billboard, and website title POP: typography! That's fancy-speak for styling text: making it big, bold, or centered. You're the Poster Designer at 🎬 Movie Studio β€” and you'll create your own movie poster!

🎞️ Text-Styling Toolkit
font-size: 48px; // makes text big!
font-weight: 700; // makes text bold!
text-align: center; // moves text to the middle!
β†’ Combine ALL three to style any text on your page!
πŸ“font-size: 48px sets text height. 48px = 48 pixels tall. The bigger the number, the BIGGER the text! Try 72px for HUGE!
✏️font-weight: 700 sets thickness. 400 is normal, 700 is bold, 900 is extra-BOLD!
🎯text-align: center places text at left, center, or right. Movie titles are always center!
✨Edit the gold boxes in the code β†’ the poster updates live! Hit βœ“ Check after each step.