Youtube VideoInfoBox

VideoInfoBox.js

import React from 'react';
import './VideoInfoBox.scss';
import {Image, Button} from 'semantic-ui-react';

export class VideoInfoBox extends React.Component {
  render() {
    return (
      <div className='video-info-box'>
      {/* TODO */}
      </div>
    );
  }
}

VideoInfoBox.scss

.video-info-box {
  display: grid;
  grid: auto auto / 58px auto max-content;
  align-items: center;
  grid-row-gap: 16px;
  
  /* TODO */
}