tested mobile version, aded viewport tag

front-ui/app/components/items/itemWithDetailsPage.js

@@ -13,24 +13,29 @@ var ItemWithDetailsPage = React.createClass({
 
       return (
 
-        
-<div className="item-with-details row-fluid center">
-    <div className="span3">
-        <h3> {this.state.item.get('name')} </h3>
-        <div>
-            <div className='h4'> {this.state.item.get('list_price')} KM</div>
-            <div> {this.state.item.get('description')}</div>
-        </div>
-        <Carousel images={this.state.images}
+
+        <div className="item-with-details row-fluid center">
+        <div className="col-md-5">
+
+    
+          <Carousel images={this.state.images}
                   selected={this.state.currentImage}
                   onClickLeft={this.onClickLeft}
                   onClickRight={this.onClickRight}
                   onSelectImage={this.onSelectImage} />
-    </div>
-    <div className="span4">
+        
+        </div>
+        <div className="col-md-7">
+        <h3> {this.state.item.get('name')} </h3>
+        <div>
+
+        <div className='h4'> {this.state.item.get('list_price')} KM</div>
+        <div> {this.state.item.get('description')}</div>
+        </div>
+
         quantitative descriptions
         </div>
-</div>
+        </div>
         );       
 
     },

front-ui/app/css/carousel.css

@@ -15,11 +15,15 @@
   -ms-user-select: none;
   user-select: none;
 }
+
+
+
 .arrow {
   position: relative;
   top: -100px;
   padding: 10px;
 }
+
 .carousel-stage {
   width: 300px;
   height: 200px;