What are CSS media queries used for?

What is the benefit of using smooth scrolling in responsive design?

A). Enhances user experience by providing smoother transitions

B). Increases website load times

C). Prevents users from scrolling

D). Limits the amount of content visible at one time

Which CSS unit is commonly used in fluid grid layouts?

A). Pixels

B). Points

C). Percentages

D). Inches

What does the @media (max-width: 768px) CSS rule indicate?

A). Styles will be applied when the device width is exactly 768px

B). Styles will be applied when the device width is less than or equal to 768px

C). Styles will be applied when the device width is greater than 768px

D). Styles will be applied when the device height is 768px or more

How can touch events be handled in jQuery for responsive design?

A). By using .hover() method

B). By using .click() method

C). By using .swipe() method

D). By using .resize() method

What does the following CSS media query do: @media (orientation: portrait) { ... }?

A). Applies styles when the device is in landscape mode

B). Applies styles when the device is in portrait mode

C). Applies styles regardless of orientation

D). Applies styles only to desktop devices

Which jQuery method is used to change the source of an image dynamically?

A). .attr()

B). .html()

C). .css()

D). .val()

What is the primary purpose of responsive web design?

A). To make websites load faster

B). To make websites compatible with older browsers

C). To ensure websites render well on various devices and screen sizes

D). To reduce the amount of CSS required

What does the max-width property do in responsive design?

A). Sets a fixed width

B). Allows an element to shrink below a specified width

C). Ensures an element does not exceed a specified width

D). Hides an element if it exceeds a certain width

What does the .on('click', function) method in jQuery do?

A). Attaches a click event handler to selected elements

B). Hides selected elements

C). Changes the background color of selected elements

D). Resizes selected elements

What does the $('.menu-toggle').click(function() { $('.menu').slideToggle(); }); code do?

A). Hides the menu permanently

B). Toggles the visibility of the menu with a sliding effect

C). Fixes the menu position

D). Changes the menu color