Candidates write CSS code to replicate design
Upload responsive designs as images and ask candidate to write HTML and CSS to reproduce the design
Loved by these companies, and so many more
How CSS tests help identify good UI Developers
Responsive Design
Each question has 3 images as target designs—mobile, tablet and desktop. The candidate's HTML and CSS must scale scales according to the design.
WYSIWYG, Lightweight Editor
Candidate can write code, preview it, see target images across all 3 dimensions real-time. They needn't switch tabs or context.
Starter code, special values
Set boilerplate code the candidate can start from. Font, color etc can be specified for the candidate to copy-paste from.
Try a CSS test right here
Demo for all Question Types
A free demo test for you 🤗
Experience how our tests work (might as well if you have scrolled this far). Don't worry about getting the answers right!
Your 3 Step Guide to CSS Tests
Create an Assessment
Select a CSS question from our vast Question Bank. Bonus: Along with CSS coding test, you can add CSS, HTML and JavaScript MCQ questions as a Quiz within the same assessment!
Invite candidates to attempt the assessment anytime, anywhere
Easily share a unique assessment link with candidates in just one click. Upload candidate emails in bulk, add a public link to your job posting, set deadlines, and speed up the hiring process by reducing back-and-forth communication.
View results instantly
Compare the candidate's design with the target design and assign scores based on accuracy. Track test progress in real-time and review detailed analytics upon completion.
Ready to try Equip for Hiring?
Scalable
Test 10,000+ candidates simultaneously
Simple
Skill-specific assessments in seconds
ATS
Manage candidate pipeline. Shortlist, reject, etc.
Versatile
Aptitude, Coding, Psychometric, Communication
No credit card, No commitments
Frequently Asked Questions
No. While we are making efforts to use AI to auto-grade CSS tests, we aren't there yet! So, you must manually grade all candidate submissions.
Very easy! You are shown the target images, submitted code and the result at once. You can easily switch to a different screen size and see the resulting preview. You can typically code one submission in 30 seconds to a minute.
No. The code is for vanilla HTML and CSS. While we are huge fans of Tailwind and use it throughout our website, we think this test is for evaluating candidates on their CSS fundamentals. So, we keep it as "raw" as possible.
You can specify these attributes within the question. So, the candidate can copy-paste them. Or, you can write them as HTML or CSS comments as part of the starter code (we call this boilerplate code). The candidate sees this when the test loads, and so they can use the values.
Start in minutes. First 10 candidates free!