Front End Development Front-End Development Course 4

Question 1

What is the purpose of a CSS media query?

Accepted Answer

To apply styles conditionally based on device characteristics like screen width

Answer

Media queries allow CSS rules to be applied only when certain conditions like screen width, orientation, or resolution are met.

Question 2

Which JavaScript method is used to send an HTTP request asynchronously without a page reload?

Accepted Answer

fetch()

Answer

fetch() is the modern browser API that returns a Promise and allows sending HTTP requests without navigating away from the page.

Question 3

In HTML, what is the difference between `` and ``?

Accepted Answer

conveys semantic importance while is purely stylistic bold

Answer

signals that the content is of strong importance to assistive technologies, while just applies bold styling with no semantic meaning.

Question 4

What does the CSS `position: sticky` value do?

Accepted Answer

The element acts as relative until it crosses a scroll threshold, then becomes fixed

Answer

position: sticky toggles between relative and fixed positioning based on the scroll position, relative to the nearest scrolling ancestor.

Question 5

Which of the following best describes a CSS Grid `fr` unit?

Accepted Answer

A fractional unit representing a share of the remaining available space

Answer

The fr unit distributes the leftover space in a grid container proportionally among tracks that use it.

Front End Development Practice Test