HTML/CSS and React Online Test

TestDome skill assessments are used by more than 4,000 companies and 450,000 individual test takers.

Jobseekers: Get a Certificate

Take a Practice Test

Companies: Try First, Pay Later

Sign Up To Use This Test

The HTML/CSS and React online test assesses candidates' knowledge of HTML, CSS, and React as well as their ability to leverage commonly used programming patterns.

It's an ideal test for pre-employment screening. A good front-end developer should be able to utilize all these technologies to create a modern, dynamic, and interactive user interface.

This online test requires candidates to solve common HTML/CSS challenges as well as React coding problems.

Recommended Job Roles
JavaScript Developer
React Developer
UI/UX Developer
Web Front-End Developer
Sample Candidate Report

Sample Free Questions

Avatar

7min
  -  
Easy  
  -  
CODE

HTML/CSS CSS selectors Styling Public New

Every user on your website has an image avatar that is displayed when they post a comment. You want to style these images differently from other images on your site. Add a CSS class named avatar that fulfils the following requirements:

  1. The avatar's border is rounded, so that it appears as a circle.
  2. The avatar's width and height are both 150px.
  3. The avatar has a solid border, has a width of 2px, and be colored gray.

For example, the avatar in the template should look like:

Cat avatar

Semantics

7min
  -  
Easy  
  -  
CODE

HTML/CSS HTML5 Public

Update the website's HTML, without using JavaScript or CSS, to make use of semantic elements so that:

  • The classless outer div element is replaced with a more appropriate element.
  • The divs with the image and caption classes are replaced with self-contained content elements.
  • The divs with the lorem-ipsum and description classes are replaced with elements, so that by default only the contents of the description element are shown. When the contents of the description element are clicked, the visibility of the rest of the lorem-ipsum element is toggled.

Focus

15min
  -  
Easy  
  -  
CODE

React Components Public New

The TextInput component renders an input element in the DOM and accepts a ref that is forwarded to that input element. Finish the FocusableInput component:

  • The component should accept a focused prop.
  • When the focused prop is changed from false to true, and the input is not focused, it should receive the focus.
  • If on mounting the focused prop is true, the input should receive the focus.
Use Free Questions On a Trial Plan

Premium Questions

The premium question library contains our unique, hand-crafted questions. We offer a refund if you find any of them answered online.

Questions
Link, Editor, Blog, Label Color, Widgets, Logo, Article Style, Share Button, Ad, Keywords, Links, Addition, Bookmark, Christmas Tree, iframe, Shirts, Warehouse, Baby Names, Loading, Format Table, Breakfast Menu, Cities, Screen Reader, Timesheet, Background Wrapper, Tooltip Component, Contact Form, Tab Strip, Upload, Email Form
Skills
HTML/CSS HTML attributes HTML5 Semantic tags CSS selectors Positioning Styling Language CSS Advanced Animation Selectors Accessibility Tables React VDOM Portals Conditional Rendering Components
Score Distribution
Loading...
Pricing For Premium Questions

Fully Customizable Tests
Add questions from our question library.
Create your own questions.
Customize test duration, number of questions, passing score, web proctoring, and more.
Create Free Account
Private Concierge

Send us an email with an explanation of your testing needs and a list of candidates. We will create an appropriate test, invite your candidates, review their results, and send you a detailed report.

Used by
What Others Say
TestDome user reviews on G2 Crowd
Simple, straight-forward technical testing

TestDome is simple, provides a reasonable (though not extensive) battery of tests to choose from, and doesn't take the candidate an inordinate amount of time. It also simulates working pressure with the time limits.

Jan Opperman, Grindrod Bank

Very smooth, well supported, great for assessing candidates

Very Prompt and helpful support when needed, we were looking to work with a third party to write and set up new tests, TestDome was able to quickly set up and support a method to do this, allowing us to start testing candidates straight away.

George Offer, Guided Solutions

Easy to use and efficient for testing developers of different levels

It provides us an opportunity to set our own timing policy, to choose from variety of questions from different areas and with difficulty gradation. Also it is great that TestDome provides free of charge tests for candidates to prepare and check how online IDE works. And support is always ready to help:)

Alexandra Bulka, WorkFusion

On the TestDome Blog

Screening Applicants: The Good, the Bad and the Ugly

Since we’re all biased and we use incorrect proxies, why not just outsource hiring to experts or recruitment agencies? After all, they’ve been screening people for many years, so they must know how to do it right?

Not really. I was surprised to discover that many experts disagree with each other. Everybody praises their pet method and criticizes the others. Many of these methods look legitimate, but are based on...

How TestDome Works
How TestDome Works

Want to know more? Check out our tour or contact us below.

Check Tour
or
Schedule a Demo
The TestDome Advantage
500+ premium, hand-crafted questions for 30+ job skills and 10+ coding languages.
Proctored tests, API access, and Applicant Tracking System (ATS) Integration.
Questions with small samples of actual work instead of academic problems.
Flexible Pricing

No monthly subscription or setup fee. No minimum contract period. You only pay for the candidates you test.

View Pricing