Front-end Development MCQs (Chapterwise Multiple Choice Questions)

Which line of code, if applied to all flex items in a flex container, would cause each flex item to take up an equal share of the total width of the container? For example, if there are four items, they would get 25% of each/

Flex: 1 0 0;

Flex: initial;

Flex: 1 1 auto;

Flex: 1 0 auto;

Answer & Explanation

Correct Answer: Flex: 1 1 auto;

Note: This Question is unanswered, help us to find answer for this one

How many columns will there be, given this code? .container { width: 600px; Column-width: 200px; column-gap: 50px;}

One

Three

Four

Two

Answer & Explanation

Correct Answer: Two

Note: This Question is unanswered, help us to find answer for this one

What is the element used for?

To identify the difference parts of a figure

To explain what needs to be entered into a form field

As a caption for images

As a heading for tables

Answer & Explanation

Correct Answer: To explain what needs to be entered into a form field

Note: This Question is unanswered, help us to find answer for this one

Why would you surround a piece of text with

tags?

To indicate that this text is the main heading on the page

To make the text bold

To ensure that search engines treat the keywords as being important for this page

To demonstrate to screen readers that this text is important

Answer & Explanation

Correct Answer: To indicate that this text is the main heading on the page

Note: This Question is unanswered, help us to find answer for this one

What does setting aria-live=polite on a live region achieve?

The screen reader will not notify the user of changes to live regions.

The screen reader will wait until there is a pause to announce changes.

The screen reader will announce all changes immediately.

The screen reader will use a polite voice when announcing changes.

Answer & Explanation

Correct Answer: The screen reader will wait until there is a pause to announce changes.

Note: This Question is unanswered, help us to find answer for this one

Which HTML element is not considered a landmark element?

Answer & Explanation

Correct Answer:

Note: This Question is unanswered, help us to find answer for this one

What does the === comparison operator do?

It sets one variable equal to another in both value and type

It tests for equality of type only

It tests for equality of value only

It tests for equality of value and type

Answer & Explanation

Correct Answer: It tests for equality of value and type

Note: This Question is unanswered, help us to find answer for this one

Which HTML will result in text being highlighted in yellow? .highlight {background-color: yellow;}

#BLM

Answer & Explanation

Correct Answer: #BLM

Note: This Question is unanswered, help us to find answer for this one

Variables declared with the let keyword have what type of scope?

Function scope

Block scope

Inline scope

Global scope

Answer & Explanation

Correct Answer: Block scope

Note: This Question is unanswered, help us to find answer for this one

The browser finds some CSS that it does not understand. What is likely happen?

The page will not display

An error message will be displayed

The browser will not load the stylesheet

The browser will ignore the unknown CSS

Answer & Explanation

Correct Answer: The browser will ignore the unknown CSS

Note: This Question is unanswered, help us to find answer for this one

Front-end Development Quick Quiz

Poor Results!

You need a lot of improvement.

Just don't give up!

Correct Answers: 0/10

Start Practicing with our MCQs given below.