Grid-based layouts, fluid image, and CSS3 media queries are techniques used to create what?

• A. UI
• B. Mood board
• C. Responsive design
• D. Word list

Answer: (C)

These techniques are used to create responsive design, where the interface automatically adapts to different screen sizes and devices. Grid-based layouts provide a flexible structure that can reflow into varying column configurations as space changes. Fluid images resize with their containers so visuals stay balanced without overflowing on small screens. CSS3 media queries apply different CSS rules based on viewport characteristics, letting you adjust layout, typography, and element visibility for each device. Together, they enable a single design to work well on phones, tablets, laptops, and desktops. The other options don’t fit because a mood board is just inspiration, the UI is the overall interface (not specifically about adapting to sizes), and a word list isn’t related to layout or styling.