JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div id="page_box">
            <header>	
<h1>страница jsdhflkjsdknf.sd,mfs;dljfsm</h1>
            </header>
<div class="content_box">
<div class="small_box1">картинка с сылкой</div>
<div class="small_box1">картинка с сылкой</div>
<div class="small_box1">картинка с сылкой</div>
<div class="small_box1">картинка с сылкой</div>
<div class="small_box1">картинка с сылкой</div>
<div class="small_box1">картинка с сылкой</div>
</div>
	<footer>footer</footer>
</div>
</body>

CSS

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
font-family: 'Monospace';
font-size:14px;
text-indent:0;
}

body {
width: 100%;
max-width: 960px;
background: url(../img/bg.jpg) no-repeat;
margin: 0 auto;
}
#page_box {    
    border: 4px double black;
    } 
    
header {
    display: inline-block;
    background: #fff;
    padding: 2em 3em 2em 3em;
    margin: 0;
    vertical-align: baseline;
}
.content_box {
    border: 2px solid red;
width: 100%;
margin:0 auto;
}

.small_box1 {
width: 25%;
background: #f5f5f5;
    border: 1px solid #000;
}


footer {
    border: 1px solid #fff;
}