JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <header>
      <div id="left_logo">
      <span id="elements">Encommerce Elements</span>
      </div>
        <nav>
          <a class="current" href="#">BRANDS</a>
          <a href="#">MENS</a>
          <a href="#">WOMENS</a>
          <a href="#">CONTACT</a>
        </nav>
      <div id="search">
        
        <a href="#"><img src="pics/loop.jpg" alt="" id="loop2"></a>
        
        <div id="loop">
        <a href="#"> Search...</a>
        </div>
      </div><!-- /#search -->	

    </header>
    <main>

      <div id="left-side">
      <img src="pics/Ray-ban.jpg" alt="" />
      <h3>RB2132 901 NEW WAYFARER</h3>
 		<p>Оправы Oakley – это высокая функциональность и до мелочей продуманная форма. Ударопрочные линзы Oakley с запатентованной технологией HDO идеально подходят для активного образа жизни.Oakley с запатентованной технологией HDO идеально подходят для активного образа жизни.
 		</p>

 		<a href="#"> 			
 		<img src="pics/green_button.jpg" alt="" />
 		</a>				
      </div><!-- /#left-side -->
      <p id="hide">never hide</p>
      <img src="pics/ray2.jpg" alt="" id="ray2" />
       
    </main>

    <aside>
      <div id="left-part">
      <img src="pics/shoes.jpg" alt="">
        <div id="korzina">
          <h3>VAN DOREN AUTHENTIC </h3>
          (Parrot / Light Blue)<br>
          Size: UK9  
           <a href="#">[Change]</a><br>

           <div class="price">£54.00</div>
        
        <div class="button">
          <a href=""><img src="pics/blue_button.jpg" alt="" /></a>
        </div><!-- /.button -->
        </div><!-- /#korzina -->
      </div><!-- /#left-part -->

      <div id="right-part">
      <img src="pics/tablica.jpg" alt="" />
      <div id="sales">
        <div class="box1 price">9.374 <br><span>sales this week</span></div>
        <div class="box1 box2 price">125,457<br><span>total sales</span></div>
        <div class="box1 price"> +17%<br><span>total income</span></div>
      
      </div><!--...

CSS

*{
    box-sizing: border-box;
}
body{
  background: #db7358;
}

#container{
  margin: 0 auto;
  
  width: 1160px;
}
header{
  background: #fff;
  height: 80px;
  padding-top: 20px;
  padding-right: 140px;
  color: #686868;
  margin-top: 30px;
  overflow: hidden;
  margin-bottom: 40px;

}
#left_logo{
  float: left;
  padding-left: 40px;
  padding-right: 40px;
  height: 40px;
  border-right: 1px solid;
}
#elements{
  padding-top: 10px;
  display: inline-block;
  font-weight: 700;
  color: #333333;

}
nav{
  display: inline-block;
  padding-left: 40px;
  padding-top: 10px;

}
nav a{
  padding-right: 40px;
  text-decoration: none;
  color: #686868;

}
nav a:hover{
  text-decoration: underline;
  font-weight: bold;
}
.current{
  text-decoration: underline;

}
#search{
  float: right;
  padding-bottom: 10px;
  

}
#search a {	
  float: left;
  padding-right: 10px;
  padding-top: 10px;
}


#loop{
  float: right;
  border-left: 1px solid;
  padding-left: 10px;
  height: 40px;
  padding-bottom: 10px;
}
#search a{
  padding-top: 10px;
  display: inline-block;
  font-size: 15px;
  color: #686868;
  text-decoration: none;
}
main{
  background: #fff;
  overflow: hidden;	
  background-image: url("../pics/photo.jpg") ;
  background-position: right top; 
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 40px;
}
#left-side{
  padding: 40px 40px;
  width: 50%;
}

#hide{
  position: absolute;
  right: 40px;
    bottom: 40px;
    font-size: 60px;
    color: #f5f5f5;
    font-variant: small-caps;
    font-weight: 700;
    display: block;
    margin: 0;
 
}
#ray2{
  position: absolute;
  top: 40px;
  right: 40px;
}
aside{
  margin: 0 auto;
  overflow: hidden;
  background: #db7358;
}
#left-part{
  background: #f5f5f5;
  width: 360px;
  margin-right: 40px;
  float: left;
  padding-bottom: 10000px;
  margin-bottom: -10000px;
}
h3{
  margin: 0
}
#korzina{
  padding-top: 20px;
  padding-left: 30px;
  line-height: 1.5;
  padding-bottom: 10px;
  padding-right: 30px;
 ...