Home > MCQs > Website Designing & Development > Front-end Development MCQs

Front-end Development MCQ

Front-end Development Quick Quiz

Question 1 of 10
  • 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/

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

    Answer & Explanation

    Correct Answer: Two

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

  • What is the

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

    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?

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

  • Variables declared with the let keyword have what type of 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?

    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

    battery

    Poor Results!

    You need a lot of improvement.

    Just don't give up!

    Correct Answers: 0/10

    Start Practicing with our MCQs given below.