JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="container">
        <div class="head">
            
<h1>Welcome to my page!</h1>

        </div>
        <div class="nav">
            
<h2>some text</h2>

        </div>
        <div class="content">
            <p>Some text in content</p>
        </div>
    </div>

CSS

body
{
margin:0px;
background-color:green;
}
.container
{
margin-top:0px;
margin-bottom:0px;
margin-left:10%;
margin-right:10%;
}
.head
{
background-color:gray;
}
.nav
{
background-color:blue;
}
.content
{
background-color:lime;
}

h1,h2,p{
    margin:0;
}