Responsive and CSS Design Questions

Focuses on building adaptable, maintainable user interfaces across devices and screen sizes using CSS and responsive design principles. Topics include mobile first and adaptive strategies, media queries, fluid and relative units, responsive images and picture sources, layout techniques using Flexbox and CSS Grid, responsive typography and spacing, component breakpoints and adaptive components, writing efficient and maintainable styles with methodologies like BEM or CSS in JS, CSS custom properties for theming, handling interactive states and accessible focus styles, performance considerations for layout and animations, and how responsive work intersects with accessibility (touch targets, readable text, focus management). Candidates should be ready to explain implementation details, trade offs, and examples of responsive patterns they used.

MediumTechnical

37 practiced

Explain recommended touch target sizes and spacing for interactive elements across small and large devices. Provide a concrete example of how you'd adapt a dense desktop toolbar to be touch-friendly on phones and tablets without losing functionality.

HardTechnical

36 practiced

As a lead UI Designer responsible for multiple product teams, describe how you would balance visual fidelity (pixel-perfect responsive layouts) against implementation complexity and engineering velocity. Provide a framework for decisions (criteria, stakeholders, examples) and how you'd communicate trade-offs to designers and engineers.

EasyTechnical

32 practiced

A UI Designer is asked to choose between Flexbox and CSS Grid for a layout. Explain the core use-cases best suited to Flexbox and to Grid, and give two concrete example scenarios (e.g., nav bar, dashboard) where each is the better choice.

MediumTechnical

39 practiced

Compare CSS-in-JS and traditional CSS/SCSS for maintaining a responsive design system. As a UI Designer collaborating with engineers, list three advantages and three drawbacks of CSS-in-JS specifically in the context of responsive styling and theming.

MediumSystem Design

35 practiced

Design a component breakpoint system for a Card component library. Describe how you'd define breakpoints, where they live (tokens, CSS variables, design tokens), and how developers should consume them to make components adapt at different sizes. Include considerations for nested components and composition.

Unlock Full Question Bank

Get access to hundreds of Responsive and CSS Design interview questions and detailed answers.

Join thousands of developers preparing for their dream job.