Course: CSS

Welcome to the CSS Height/Width Quiz.

This quiz checks your understanding of the CSS height and width properties and how they are used to control the size of elements on a web page. These properties are essential for building layouts, designing responsive components, and managing how content fits within containers. Knowing how height and width work helps you avoid layout issues and design elements that behave correctly across different screen sizes. Read the instructions carefully before you begin.

Quiz Format

• Total Questions: 10

• Difficulty Level: Medium

• Question Type: Multiple Choice

• Each question has one correct answer.

Timing

• Total time limit: 5 minutes

• Move through each question with steady focus and avoid spending too long on any single one.

Scoring

• Each correct answer = +1 point

• No negative marking

• Maximum Score = 10 points

How to Play

• Read each question carefully and review any CSS code shown in the question.

• Pay attention to height, width, min-height, max-height, min-width, and max-width properties.

• Understand how percentage values and pixel values affect element sizing.

• Focus on how height and width interact with padding, borders, and the box model.

• Learn how overflow behaves when content exceeds defined dimensions.

• Choose the option you think is correct based on how CSS actually calculates element size.

• Once you move to the next question, you won’t be able to go back.

Rules

• Don’t refresh or close the quiz window during the attempt.

• Avoid external notes, books, or online help while answering.

• Keep an eye on the timer throughout the quiz.

Before You Start

• You can review the topic here: CSS Height and Width Tutorial

After Submission

• Your score will appear instantly.

• You can check the correct answers to understand mistakes and improve your layout skills using CSS height and width properties.