What is the primary purpose of responsive web design?

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

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 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

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 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

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 @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

Which CSS unit is commonly used in fluid grid layouts?

A). Pixels

B). Points

C). Percentages

D). Inches

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

A). .attr()

B). .html()

C). .css()

D). .val()

Why is it important to use $(document).ready(function() { ... }); in jQuery?

A). To ensure the DOM is fully loaded before executing scripts

B). To increase script execution speed

C). To prevent scripts from running

D). To hide content until the user interacts with the page