JSFiddle - React, Tailwind, and code Playground

by Александр Пустовит

HTML

<body>
  	<div class="page_align">
  		<div class="container">
                    <div class="header">
                            <div class="photo"></div>
                    </div>
        
                    <div class="low_menu">
                        
                    </div>
  		</div>
  		
  		
  	</div>
 
  </body>

CSS

* {
	margin: 0;
	padding: 0;
	outline: none;
}
.clr {
	clear: both;
}


.page_align {
	width: 1000px;
	margin:35px  auto;
	background: #FFF;
	box-shadow: 0px 1px 3px #DDDDDD;
}

.f_l {
	float: left;
}

.f_r {
	float: right;
}

.container {
	width: 300px;
	height: 350px;
	background: #00BFFF;
}

.header {
	width: 300px;
	height: 250px;

}

.photo {
	width: 150px;
	height: 200px;
	margin-left: 75px;
	margin-top: 50px;
	background-color: #000080;
}

.low_menu {
	width: 300px;
	height: 99px;
	background-color: #006400;

}