JSFiddle - React, Tailwind, and code Playground

by Wendell Christian

HTML

<header id="header" style="width: 100%;">
			<div id="teste"></div>
			<div class="teste2"></div>
</header>

CSS

.teste2{
		width: 200px; 
		height: 100px; 
		background-color:black; 
		float:right; 
		margin-top: -100px;

	 }

	 #teste{
		width: 200px;
		 height: 100px; 
		 background-color: red;
		 display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;  
    flex-wrap: wrap;
	 }
	 
	 @media screen and (max-width: 720px) {
		 .teste2, #teste {
			 width:100%;
			 float:left;
		 }
		 .teste2 {
			 margin-top:0;
		 }
	 }