frontend/src/components/RandomTopic.js

import Grid from 'react-css-grid'
import React from 'react';
import VideoItem from "./VideoItem";
import SectionHeading from "./SectionHeading";

class RandomTopic extends React.Component {

  render() {
    return (
      <section>
        <SectionHeading title="Topic Name"/>
        <Grid
          width={450}
          gap={16}>
          <VideoItem/>
          <VideoItem/>
          <VideoItem/>
          <VideoItem/>
        </Grid>
        <a href="/topics">See All videos</a>

      </section>

    )
  }
}

export default (RandomTopic);