CSIT 121 Final Exam 2026 Questions and
Answers
The purpose of the img element's ________ attribute is to provide a method for a
browser to display different images depending on specific criteria indicated by the
web developer. - Correct answer-srcset
The ________ property informs the browser to provide empty space or gutters
between grid tracks. - Correct answer-grid-gap
Use the expression ________ in a media query to target devices with screens up to
480 pixels in width. - Correct answer-(max-width: 480px)
When using flexbox layout, the main axis is the ________. - Correct answer-
direction of the flow
The ________ meta tag configures scale and dimension on mobile web page
display. - Correct answer-viewport
When using grid layout, grid ________ delineate grid rows and grid columns. -
Correct answer-lines
©COPYRIGHT 2025, ALL RIGHTS RESERVED 1
, CSS Grid Layout is intended for ________. - Correct answer-two-dimensional
layouts
When using flexbox layout, the flex property ________. - Correct answer-
configures the amount of space a flex item takes up and how much it will shrink or
grow
When configuring flexbox or grid layout, the ________ property can be used to
change the sequence of the flex items or grid item on the page. - Correct answer-
order
Which of the following is a shorthand property that configures both the placement
and dimensions of items on the grid? - Correct answer-Grid-template
Use the ________ property to configure a flex container. - Correct answer-display
Configure a ________ property on a grid item to configure the area in rows that is
reserved for the item on the grid. - Correct answer-grid-rows
When configuring a grid layout, the fr unit ________. - Correct answer-directs the
browser to allocate a fractional part of the remaining space
Which CSS property configures a flex container? - Correct answer-Display
©COPYRIGHT 2025, ALL RIGHTS RESERVED 2
Answers
The purpose of the img element's ________ attribute is to provide a method for a
browser to display different images depending on specific criteria indicated by the
web developer. - Correct answer-srcset
The ________ property informs the browser to provide empty space or gutters
between grid tracks. - Correct answer-grid-gap
Use the expression ________ in a media query to target devices with screens up to
480 pixels in width. - Correct answer-(max-width: 480px)
When using flexbox layout, the main axis is the ________. - Correct answer-
direction of the flow
The ________ meta tag configures scale and dimension on mobile web page
display. - Correct answer-viewport
When using grid layout, grid ________ delineate grid rows and grid columns. -
Correct answer-lines
©COPYRIGHT 2025, ALL RIGHTS RESERVED 1
, CSS Grid Layout is intended for ________. - Correct answer-two-dimensional
layouts
When using flexbox layout, the flex property ________. - Correct answer-
configures the amount of space a flex item takes up and how much it will shrink or
grow
When configuring flexbox or grid layout, the ________ property can be used to
change the sequence of the flex items or grid item on the page. - Correct answer-
order
Which of the following is a shorthand property that configures both the placement
and dimensions of items on the grid? - Correct answer-Grid-template
Use the ________ property to configure a flex container. - Correct answer-display
Configure a ________ property on a grid item to configure the area in rows that is
reserved for the item on the grid. - Correct answer-grid-rows
When configuring a grid layout, the fr unit ________. - Correct answer-directs the
browser to allocate a fractional part of the remaining space
Which CSS property configures a flex container? - Correct answer-Display
©COPYRIGHT 2025, ALL RIGHTS RESERVED 2
