JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
    <div class='container'>Dan Sabbagh</div>
</div>
<div class='container'>
    <div id="first">first</div>
    <div id="second"><a href="https://br.linkedin.com/in/danilosabbagh" target="new">my linkedin</a>
    </div>
    <div id="clear">third</div>
</div>

CSS

#header {
    width: 100%;
    background-color: red;
}
.container {
    width: 300px;
    margin: auto;
}
#first {
    width: 100px;
    float: left;
    height: 300px;
    background-color: blue;
}
#second {
    width: 200px;
    float: left;
    height: 300px;
    background-color: green;
    color: white;
}
#clear {
    color:black;
}
a {
    color: white;
}
* {
    color: white;
}