<!DOCTYPE html>
<html>
<head>
    <title>Background Pattern 2</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
        
</body>
</html>
body{
    padding: 0;
    margin: 0;
    background-color: #f70b45;
    background-size: 48px 48px;
    background-image: radial-gradient(
        transparent 20px,
        #ffffff 20px,
        #ffffff 24px,
        transparent 24px
    ),
    radial-gradient(
        transparent 20px,
        #ffffff 20px,
        #ffffff 24px,
        transparent 24px
    );
    background-position: 0 0 , 24px 24px;

}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.