The answer
At least add a basic media query for mobile. It shows you care about responsiveness. Do not spend too much time on it; focus on functionality first, then add a basic breakpoint.
Machine Coding Round: UI Design Tips
Should I make my component responsive in the machine coding round?
More FAQs in Machine Coding Round: UI Design Tips
Use a CSS reset, add padding and margins, use borders and border-radius, add hover states, pick a consistent color scheme, center your component with max-width, use flexbox for layout, add transitions, show states (empty/loading/error), and add basic responsive design.
Yes, but after the core functionality works. A polished UI scores higher than a raw one. Basic CSS (padding, borders, hover states, centered container) takes 10 minutes and makes a big difference.
Show appropriate UI for each: 'No results found' for empty, a spinner or 'Loading...' for loading, and 'Something went wrong' with a retry button for errors. This shows production-readiness.
Still have questions?
Browse all our FAQs or reach out to our support team
Want to upskill yourself?
Your learning library
Small steps. Big possibilities.
Find your next course. Build something great.