Kahoot Quiz: HTML Content Division & CSS Box Model :package:

What you'll learn

• How to apply HTML division concepts in real scenarios
• Understanding CSS box model properties (margin, padding, border)
• Best practices for structuring web page layouts
• How to identify and fix common CSS box model issues

:speech_balloon: Activity Overview

Time Required: 30-35 minutes

• Setup: 5 minutes
• Quiz: 15-20 minutes
• Discussion: 10 minutes

Before You Start (5 minutes)

1. Check your device - Have your phone, tablet, or computer ready
2. Test your internet - Make sure you have a stable connection
3. Open your browser - Navigate to kahoot.it
4. Wait for the PIN - Your instructor will share this with the class

tip Keep your course notes handy! You might want to quickly review:

• What <div> elements do
• The difference between margin and padding
• How CSS selectors work

During the Quiz (15-20 minutes)

Step-by-Step Instructions

1. Join the game

   • Go to kahoot.it
   • Enter the game PIN from your instructor
   • Important: Use your real name when joining
   • Login with your Academic email

2. Answer questions

   • Read each question carefully on the main screen
   • Select your answer on your device
   • Try to answer quickly but accurately (points are awarded for both!)

3. Learn from each question

   • After each question, check the correct answer
   • Listen to your instructor's explanation
   • Ask questions if something isn't clear

:warning: Important! This is a learning activity, not just a competition. Make sure you understand each concept before moving to the next question.

After Each Question (Discussion Time)

• :speech_balloon: Participate actively in class discussions
• :emoji:️ Take notes on concepts you found challenging
• :emoji: Ask questions - there are no silly questions!

tip Common Challenges

• Confusing margin vs padding? Remember: Margin is outside the border, padding is inside
• Box-sizing issues? Think about whether border and padding are included in the width
• Selector confusion? Class selectors start with ., ID selectors start with #

What to Focus On

During the quiz, pay special attention to:

• How <div> elements create containers
• The order of the box model: content -> padding -> border -> margin
• How CSS selectors target specific elements
• Real-world applications of these concepts

Troubleshooting

Can't join the game?

• Check your internet connection
• Make sure you're on kahoot.it (not kahoot.com)
• Ask your instructor to confirm the PIN

Device not working?

• Try refreshing your browser
• Clear your browser cache
• Use a different browser if needed

:information_source: Info Remember Getting questions wrong is part of learning! Focus on understanding why an answer is correct rather than just memorizing it.

---

For Instructors

Quiz Setup Instructions:

1. Access the quiz here: Kahoot Quiz
2. Review questions before class
3. Plan discussion points for each question
4. Consider pausing after complex questions for extended discussion

Suggested Time Management:

• 5 min: Student setup and login
• 15-20 min: Active quiz time (with pauses for discussion)
• 10 min: Final review and Q&A