Home
CSS Quizzes
CSS Generators
CSS Shape
CSS Tip
Login / Register

Breaking News

September 7, 2018 By Temani Afif

/* Write your CSS code here */
.box {
	
}​x
​

Grid options: No Grid 2x2 4x4 8x8

Ready to submit your solution? Click here

0 Comments

Hello World
CSS Animations

11 Solution(s)

A challenge by Temani Afif

I am an Expert Web Developer and a CSS hacker.
Support me | Follow me | Check CSS Art

First Time Here? Click to read the tutorial or you will get lost!

Challenge Rules

No HTML: You are not allowed to edit the HTML.
No SVG: Embedded SVGs are not allowed via the url() tag inside background-image.
No JavaScript: Don’t try to add any scripts! It won’t work.
No Image: I think this one is trivial. Don’t take a screenshot of the solution and use it! In all the cases, any url() within the CSS code will get removed.
Check the existing solutions before submitting. We accept only unique solutions so be the first to solve the challenges!

Default HTML & CSS

<html>
	<body>
		<div class="box"></div>
	</body>
</html>

.box {
	width:280px;
	height:280px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-family: "Inconsolata", monospace;
	font-size: 28px;
	border:1px solid #c39f76;
	box-sizing:border-box;
}

Useful Information

The font used is a Google font that can be found here. It’s a monospace font and 1ch is equal to half the font-size. In our case, 1ch = 14px.
Use the grid options for a better comparison in order to get a perfect result.
The pixel-matching algorithm is based on pixelmatch. The implementation isn’t optimal and is actively updated. Feel free to report any incoherent result.
The code length is calculated after minifying the code.

CSS Websites you might like

CSS Generators
CSS Articles
CSS Patterns
CSS Loaders
CSS Shape
CSS Tip
CSS Arts
CSS Games

Home
CSS Quizzes
CSS Generators
CSS Shape
CSS Tip
Login / Register

Login

Please wait ...

The username is required.

The password is required.

86 + 106 =Wrong answer

Reset Password

Please wait ...

Please enter your email address which you used during registration.The value is not a valid email address

Register

Please wait ...

The first name is requiredThe firstname must be less than 30 characters longOnly characters are allowed.

The username is requiredThe username must be more than 6 and less than 30 characters longThe username can only consist of alphabetical, number, dot and underscore

The email is requiredThe value is not a valid email address

The password is requiredThe password must be more than 6 characters long

The password is requiredThe password and its confirm are not the sameThe password must be more than 6 characters long

By clicking Register you agree with the Terms of Use