PROGRAMLAMA BECERILERI

CSS test for hiring

See how candidates reason through CSS code for real pages.

10 dakika
15 soru
Intermediate
Multiple choice
Questions in İngilizce
Phone and desktop

Use this test free See the question formats

Kısa yanıt

The CSS assessment is a 10-minute set of 15 multiple-choice questions on reading and writing CSS for real pages. It measures selectors and specificity, box-model sizing and layout, modern styling features, and core syntax. It is designed for front-end developers, CSS and UI developers, web designers who write code, and full-stack developers who build interfaces.

Ölçtüğü şey

Practical CSS knowledge: selectors and specificity, box model and layout, modern styling features, and core syntax.

Selectors, specificity and the cascade

Candidates inspect selectors and declarations to work out which rule wins in the cascade.

Layout

Questions ask candidates to reason about box-model sizing and how elements are placed.

Advanced styling

Candidates work out what custom properties, functions and container queries produce.

Syntax and fundamentals

Questions check core CSS syntax through short style sheets and HTML snippets.

Question formats

Multiple choice

The candidate: Reads a short situation, table or statement and picks the right answer, or every right answer.

You see: Whether the candidate knows the material well enough to apply it, not just recognize it.

15 questions in 10 minutes, served one at a time.

Roles this test fits

Front-end developers, CSS and UI developers, web designers who write code, and full-stack developers who build interfaces.

What this CSS assessment can show

Evidence beyond a resume
See how candidates interpret CSS rules, sizing and placement in code, rather than relying only on a description of their experience.
A focused skills check
Use one short assessment to cover specificity, layout, modern styling and syntax before deciding what to explore further.
A shared starting point
Give candidates the same 15-question format, with scratch paper allowed and no calculator needed for sizes.
Useful interview follow-up
Use the results to choose a relevant work sample and ask about the candidate's reasoning.

What you get for each candidate

Example report (fictional data)CSS

%68Percentile 40. Benchmark: HireValid candidates, n = 1.257

Selectors, specificity and the cascade%74

Layout%57

Advanced styling%60

Syntax and fundamentals%79

Integrity ScoreYüksek güven

Stayed on the test tab throughout
No pasted answers
Answered at a steady pace

Scores, profiles and integrity signals are evidence for you to review alongside an interview, never an automatic decision.

Use this test free

Assessment design and integrity signals

Each attempt draws a different question set from large pools. Questions and answer options appear in a different order, and candidates receive one question at a time. The 10-minute timer runs on the server, and candidates cannot go back to earlier questions. Reloading restores the same question with only the remaining time. Question text cannot be copied or selected. HireValid records signals such as time away from the test tab, pastes into answers and answers faster than a question can be read. An Integrity Score and evidence timeline are provided for employer review; neither decides on its own. Learn how HireValid builds tests.

Yapay zekâyla kopya çekmeyi nasıl önlüyoruz · Integrity signals

Use the score as a starting point

Treat the score as evidence for a person to review, not a hiring decision. Use these steps:

Review the results across selectors and specificity, layout, modern styling and syntax.
Pair them with a CSS work sample that reflects the interface work in the role.
Discuss the candidate's decisions in a structured interview, considering the score alongside the work sample. For help with that step, see our structured interviews guide.

Yapılandırılmış mülakat soruları

How would you investigate a page where a style rule is not taking effect?
Listen for a practical way to inspect the relevant selectors, specificity and cascade, with reasoning explained.
How would you approach sizing and placing a card within a page layout?
Listen for clear reasoning about the box model and the intended placement, rather than a memorized definition.
Tell me how you would use a custom property or function in a styling task.
Listen for a concrete use and an explanation of what the CSS would produce.
What would you check when a container query does not produce the expected result?
Listen for a step-by-step explanation tied to the code and the intended layout.

Understand scoring and benchmarks

Fairness and accommodations

Questions use short, neutral code with plain class names and generic page parts such as cards, menus and forms, with no idioms, local knowledge or brand names. Answers come from current CSS standards rather than one browser's quirks, and a question about color is answered from the code, never from seeing a rendered color. Scratch paper is allowed for every candidate, and any sizes to work out use whole numbers that need no calculator.

You can give any candidate extra time as an accommodation. Results are evidence for a person to review, never an automatic decision.

Provisional: reliability is reported once 200 candidates have completed it.

Adil yaklaşımımızı okuyun

Test details

A short, timed set of questions on writing and reading CSS for real pages. Candidates look at short style sheets and HTML snippets and work out which rule wins, how elements are sized and placed, and what modern features such as custom properties, functions and container queries produce.

Questions are in English.
Aids allowed: Scratch paper.
Each question is answered once, in order, with no going back.
4 practice questions, 3 minutes, before the timed test.

Sık sorulan sorular

What does the CSS assessment measure?+

It checks practical CSS knowledge through short style sheets and HTML snippets. Candidates work out which rule wins, how elements are sized and placed, and what modern features such as custom properties, functions and container queries produce.

How long is the CSS assessment, and can candidates go back?+

The CSS assessment has 15 multiple-choice questions and a 10-minute limit. Candidates cannot go back to an earlier question. A practice set has 4 questions and takes 3 minutes. Scratch paper is allowed.

Which roles suit the CSS assessment?+

It is intended for front-end developers, CSS and UI developers, web designers who write code, and full-stack developers who build interfaces. Pair it with a work sample that reflects the CSS and layout tasks in your role. You can also compare it with the [Angular test](/tests/programming-skills/angular) when hiring for interface development.

How should I interpret a CSS assessment score?+

Use the result as evidence for review, not as a verdict or a stand-alone hiring decision. Compare it with a CSS work sample and discuss the candidate's choices in a structured interview. For ideas on a considerate hiring process, read the [candidate-friendly hiring guide](/guides/candidate-friendly-hiring).