Quiz

CSS for Web Development

0% completed

Quiz

Question 1

What is a viewport in the context of responsive design?

A

The area visible on a device’s screen where web content is displayed.

B

A section of CSS that defines colors.

C

A JavaScript function that controls page layout.

D

The background image of a webpage.

Question 2

Which property ensures that an image scales down when its container is resized?

A

width: 100px;

B

height: auto;

C

max-width: 100%;

D

display: block;

Question 3

Which of the following is the correct syntax for a media query that targets screens with a maximum width of 768px?

A

@media (max-width: 768px) { ... }

B

@media screen and (min-width: 768px) { ... }

C

@media (max-device-width: 768px) { ... }

D

@media only screen (768px) { ... }

Question 4

What is one major advantage of using fluid layouts?

A

They require fixed pixel sizes for all elements.

B

They automatically center all page elements without extra CSS.

C

They enable designs to adjust seamlessly when the browser window is resized.

D

They allow you to ignore media queries completely.

.....

Like the course? Get enrolled and start learning!