Website Design Cheat Sheet 2026

The 30 highest-yield Website Design facts, distilled from real exam questions. Print it, save it as a PDF, or study it here — free, no sign-up.

1. Which CSS property makes an image scale down to fit its container without exceeding its natural size? → max-width: 100%
2. Which color model is primarily used for web design and digital screens? → RGB
3. What does UX stand for in web design? → User Experience
4. What is the recommended minimum contrast ratio for normal body text according to WCAG 2.1 AA? → 4.5:1
5. What does 'color blindness' mean for web designers? → Ensuring information is not conveyed by color alone
6. What distinguishes a prototype from a wireframe? → A prototype simulates user interactions and navigation between screens
7. Which CSS property controls the stacking order of overlapping elements? → z-index
8. What is 'LCP' in Google's Core Web Vitals? → Largest Contentful Paint — time for the main content to become visible
9. What does 'above the fold' mean in web design? → Content visible without scrolling
10. Which approach does responsive web design use to handle touch interactions on mobile? → Using touch-action CSS and pointer event APIs to accommodate touch input
11. What is the hex color code for pure white? → #FFFFFF
12. When designing a responsive table, what is a common technique for making wide tables usable on mobile? → Wrapping the table in a scrollable container using overflow-x: auto
13. What does a website manager do? → A person responsible for managing a whole development team
14. What does the 'mobile-first' approach mean in responsive web design? → Starting with styles for small screens and adding complexity for larger screens
15. Which of the following tools is primarily designed for wireframing and prototyping? → Figma
16. What is the purpose of the CSS 'object-fit' property in responsive image design? → It controls how an image fills its container without distortion
17. What is the purpose of whitespace (negative space) in web design? → To improve readability, focus, and visual breathing room
18. What is progressive enhancement in web design? → Building a base experience for all users, then enhancing for modern browsers
19. What is the purpose of alt text on images? → To provide a text description for screen readers and when images fail to load
20. In a responsive grid, what is 'column dropping' and when does it occur? → Multi-column layouts reflow to fewer columns as viewport width decreases
21. What kind of finished product would an information designer be in charge of creating? → Site diagram
22. What does a user flow diagram illustrate in the design process? → The sequence of steps a user takes to complete a specific task on a website
23. What CSS Grid property is used to define the number and size of columns? → grid-template-columns
24. What happens if a client needs more than the included one hour of website work per month to be done? → Additional service hours can be purchased by the client in packages of two hours.
25. What does WCAG stand for? → Web Content Accessibility Guidelines
26. What is the main purpose of a low-fidelity wireframe? → To rapidly explore layout and structure ideas early in the design process
27. What is 'card-based design' in web UI? → A layout pattern using contained, card-like modules to organize content
28. During the Kick Off Call, the customer must register their website domain in their own name and give the fulfillment team the logins. → True
29. Which CSS property controls the weight (boldness) of text? → font-weight
30. What is the 'F-pattern' in web design? → A visual reading pattern where users scan in an F-shape