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

Which CSS unit is commonly used in fluid grid layouts?

A). Pixels

B). Points

C). Percentages

D). Inches

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

How does the img { max-width: 100%; } CSS rule help in responsive design?

A). Forces images to a fixed size

B). Ensures images are never larger than their container

C). Prevents images from being displayed

D). Sets a minimum width for all images

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

How can jQuery be used to toggle a navigation menu on small screens?

A). By using .hide() and .show() methods

B). By using .toggleClass() method

C). By using .slideToggle() method

D). By using .fadeIn() method

How can you ensure that text resizes appropriately on different devices?

A). By using fixed font sizes

B). By using relative units like em or rem

C). By using larger font sizes for all elements

D). By limiting text to a certain width

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

Why is it important to adapt layouts based on device orientation?

A). To increase server load

B). To provide an optimal viewing experience in both portrait and landscape modes

C). To restrict content visibility

D). To increase website complexity

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

What is the purpose of using $(window).resize() in jQuery?

A). To detect when the window is resized and execute a function

B). To detect mouse clicks

C). To load new content

D). To change the CSS of an element