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

Which CSS unit is commonly used in fluid grid layouts?

A). Pixels

B). Points

C). Percentages

D). Inches

How does display: none; help in responsive design?

A). It hides elements from the page completely

B). It makes elements visible only on small screens

C). It resizes elements

D). It changes the background color of elements

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

A). .attr()

B). .html()

C). .css()

D). .val()

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

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

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

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

How does a fluid grid layout help in responsive design?

A). Provides a fixed layout

B). Uses relative units like percentages to adapt to different screen sizes

C). Limits the content to a fixed width

D). Hides content on smaller screens

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