JSFiddle - React, Tailwind, and code Playground

by regina regina

HTML

<div class="container border">
 
	<div class="row">

		<div class="col-xs-4  col-sm-4  col-md-4  border">
		меню
		</div>
		<div class="col-xs-8  col-sm-8  col-md-8  border">
			<div class="primer-relative">
				<h2 class="zagolovok-1">
				Мой текст
				</h2>
				<h2 class="zagolovok-2">
				Мой второй текст
				</h2>
				<div class="сontainer-img">				
				<img class="img-responsive"
				src="http://s018.radikal.ru/i520/1508/c5/3e03a7769b19.jpg" >
				</div>				
			</div>
		</div>
	 
	 
	</div>
</div>

CSS

.primer-relative{
position: relative;
padding:0px;
margin:0px;

}
.zagolovok-1{
position: absolute;
left: 10px;
top: 40px;
}
.header-right-img{
position: absolute;
left: 100px;
bottom: 20px;

}
.сontainer-img{
 position: absolute; 
right: 0px;
top: 0px;
}
.border{
 border: 2px solid #000;
}