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

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

A). .attr()

B). .html()

C). .css()

D). .val()

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

Which CSS unit is commonly used in fluid grid layouts?

A). Pixels

B). Points

C). Percentages

D). Inches

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

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

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

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

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 can you ensure that a layout adjusts to different screen sizes using CSS?

A). By setting fixed widths

B). By using relative units like percentages and media queries

C). By hiding elements

D). By using absolute positioning

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