Web Development Quiz

Which property allows including padding and border in an element's total width and height?

• Display property

• Border-box property

• Box-sizing property

• Overflow property

What is the purpose of media queries in CSS?

• To specify the type of positioning method used for an element.

• To include a block of CSS properties only if a certain condition is true

• To add images to the webpage

• To create animations on the webpage

How many columns does a responsive grid-view often have?

• 10 and below columns

• 11 columns

• 12 columns

• More than 12 columns

Which of the following is the correct syntax of @media rule?

• @media screen and (max-width: 600px) {...}

• @media only screen and (max-width: 600px) {...}

• @media only screen size (max-width: 600px) {...}

• @media screen size only (max-width: 600px) {...}

In a responsive web design, how many percent of the page does one (1) column cover?

• 8.33%

• 8.66%

• 9.33%

• 8%

In your own understanding, why is responsive web design important?