Articles

Using CSS only (without adding additional HTML attributes), style articles so that they occupy the whole browser window and have the following properties:

Article	Position	Background color
First	Upper-left quarter	Red
Second	Upper-right quarter	Yellow
Third	Lower-left quarter	Blue
Fourth	Lower-right quarter	Green

The four colored quarters of the articles.

HTML5, CSS3

Show starting code

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Articles</title>
  <style>
    body {
      margin: 0px;
    }
    /* Write your CSS solution here (do not edit the surrounding HTML) */
  </style>
</head>
<body>
  <article>First</article>
  <article>Second</article>
  <article>Third</article>
  <article>Fourth</article>
</body>
</html>

Article size: Wrong answer
Article position: Wrong answer
Article color: Wrong answer

Use this question for your test

<< Previous Next >> Back to questions

Score Distribution

# of candidates

0-33%
34-66%
67-100%

Score

Would you like to see our other questions?

We have 500+ premium hand-crafted questions for 30+ job skills and 10+ coding language. We prefer questions with small samples of actual work over academic problems or brain teasers.

Visit our question library

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.

Contact Private Concierge

Would you like to see our tests? The following tests contain HTML/CSS related questions:

ASP.NET (Core) MVC, HTML/CSS, JavaScript, C#, and SQL Online Test

ASP.NET Web Forms, HTML/CSS, JavaScript, C#, and SQL Online Test

HTML/CSS Online Test

HTML/CSS and Bootstrap Online Test

HTML/CSS and JavaScript Online Test

HTML/CSS and JavaScript with jQuery Online Test

HTML/CSS and React Online Test

HTML/CSS and Vue.js Online Test

HTML/CSS, Angular, TypeScript, and Node.js Online Test

HTML/CSS, Angular, TypeScript, Node.js, and SQL Online Test

HTML/CSS, JavaScript with jQuery, and Bootstrap Online Test

HTML/CSS, JavaScript, and Bootstrap Online Test

HTML/CSS, JavaScript, and React Online Test

HTML/CSS, JavaScript, C# Algorithms, and SQL Online Test

HTML/CSS, JavaScript, C#, and SQL Online Test

HTML/CSS, JavaScript, Java Algorithms, and SQL Online Test

HTML/CSS, JavaScript, Java, and SQL Online Test

HTML/CSS, JavaScript, Node.js, and SQL Online Test

HTML/CSS, JavaScript, PHP, and SQL Online Test

HTML/CSS, JavaScript, Python Algorithms, and SQL Online Test

HTML/CSS, JavaScript, Python, and SQL Online Test

HTML/CSS, JavaScript, Ruby, and SQL Online Test

HTML/CSS, JavaScript, Scala, and SQL Online Test

HTML/CSS, JavaScript, VB.NET, and SQL Online Test

HTML/CSS, React, and Node.js Online Test

HTML/CSS, React, Node.js, and SQL Online Test

HTML/CSS, Vue.js, and Node.js Online Test

HTML/CSS, Vue.js, Node.js, and SQL Online Test

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...