HTML5 Responsive Design and CSS Integration Flashcards
6 cards from real HTML5 practice questions. Tap to flip, then mark Knew It or Still Learning — missed cards come back until you master them.
Read the first 6 HTML5 Responsive Design and CSS Integration flashcards as text
Which CSS property is used to create multi-column layouts without floats or positioning, introduced alongside HTML5?
Answer: display: flex
CSS Flexbox (display: flex) provides a one-dimensional layout model that makes it easy to align and distribute space among items in a container.
What is the purpose of the HTML5 element?
Answer: Holds client-side content that is not rendered but can be instantiated via JavaScript
The element contains HTML that is not rendered when the page loads but can be cloned and inserted into the DOM by JavaScript.
Which CSS unit, widely used in responsive HTML5 designs, is relative to the viewport width?
Answer: vw
The vw unit equals 1% of the viewport width, making it inherently responsive as it scales with the browser window size.
What does the HTML5 'contenteditable' attribute do when set to 'true'?
Answer: Makes the element's content editable by the user
The contenteditable='true' attribute makes an element's content directly editable by the user in the browser, like a basic rich-text editor.
Which CSS Grid property defines the number and size of columns in a grid container?
Answer: grid-template-columns
The grid-template-columns property defines the column track sizes of a CSS Grid layout using values like fr units, px, or repeat().
What does the CSS 'calc()' function allow in HTML5/CSS3 styling?
Answer: Performing math calculations mixing different CSS units
The calc() function lets you perform arithmetic operations in CSS mixing different units, such as calc(100% - 20px) for flexible layouts.