CSS Logic Implementation Quiz

    Last Updated :
    Discuss
    Comments

    Question 1

    Which property is used to initialize a CSS counter?

    • counter-set

    • counter-reset

    • counter-init

    • counter-start

    Question 2

    What does this do?

    counter-increment: section;

    • Resets counter

    • Decreases counter

    • Increases counter value

    • Displays counter

    Question 3

    Which function is used to display a counter value?

    • counter()

    • display-counter()

    • count()

    • show-counter()

    Question 4

    Which property specifies the number of columns?

    • columns-number

    • column-layout

    • grid-columns

    • column-count

    Question 5

    What does column-gap control?

    • Height between columns

    • Space between columns

    • Column width

    • Border between columns

    Question 6

    What is the shorthand property for column width and count?

    • column-style

    • column-layout

    • columns

    • multi-column

    Question 7

    Which rule is used for responsive design?

    • @rule

    • @responsive

    • @screen

    • @media

    Question 8

    Which condition targets screens smaller than 768px?

    • @media (min-width: 768px)

    • @media (width: 768px)

    • @media (max-width: 768px)

    • @media (screen-width < 768px)

    Question 9

    What does @supports do?

    • Checks browser version

    • Applies styles based on feature support

    • Loads external CSS

    • Enables animations

    Question 10

    Which property replaces margin-left in logical terms?

    • margin-inline-start

    • margin-block-start

    • margin-inline-end

    • margin-left-logical

    Tags:
    CSS

    There are 15 questions to complete.

    Take a part in the ongoing discussion