finito fvitali

src/reccomenders/Random.js

@@ -1,8 +1,7 @@
 import React, { Component } from 'react';
-import 'bootstrap/dist/css/bootstrap.css';
 import axios from "axios";
 import createpageToken from 'youtube-page-token';
-import {Card} from "react-bootstrap";
+import {Card,Col} from "react-bootstrap";
 import {Link} from "react-router-dom";
 import moment from "moment";
 
@@ -48,11 +47,10 @@ class RecommenderRandom extends Component{
 
     render(){
         const ISO_8601parse = this.ISO_8601parse;
-        return (
-            <div style={{width: '100rem',height:'100rem'}}>
+        return (<React.Fragment>
                 {this.state.items.map(function (item,index) {
                     return(
-                        <div key={index} style={{margin: '1rem',float: 'left'}}>
+                        <Col key={index} md='4'>
                             <Card>
                                 <Link
                                     to={{
@@ -62,7 +60,6 @@ class RecommenderRandom extends Component{
                                     <Card.Img
                                         src={item.snippet.thumbnails.high.url}
                                         alt={'Thumbnail of ' + item.title}
-                                        style={{width:'30rem',height:'20rem'}}
                                     />
                                     <Card.ImgOverlay>
                                         <Card.Title className="bg-dark d-inline text-white">
@@ -72,11 +69,10 @@ class RecommenderRandom extends Component{
                                     </Card.ImgOverlay>
                                 </Link>
                             </Card>
-                        </div>
+                        </Col>
                     )
                 })}
-            </div>
-        );
+       </React.Fragment> );
     }
 }
 export default RecommenderRandom;