JSFiddle - React, Tailwind, and code Playground

by Zoxon

HTML

<div id="background">
    <div id="header">header</div>
    <div id="content_1">content 1</div>
    <div id="mid">mid</div>
    <div id="content_2">content 2</div>
    <div id="footer">footer</div>
</div>

CSS

body {
	margin: 0;
	padding: 0;
 }
 
 #background { 
     max-width: 2560px;
     min-width: 120px;
    margin: 0 auto;
} 

#header{
    background: red;
}

#content_1 {
    background: blue;
}

#mid {
    background: orange;
}

#content_2 {
    background: green;
}

#footer{
    background: magenta;
}