import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import { Button } from 'react-bootstrap';

import 'bootstrap/dist/css/bootstrap.css';
import './Home.css';
// import gen from './signedUploadUrl';

class Home extends Component {
  render() {
    return (
      <div className="home-wrapper">
        <div className="home-title">PICTOPHONE</div>
        <div className="login-button">
          <Link to="/signup"><Button variant="info" size="lg" id="loginButton">Sign Up</Button></Link>
          <Link to="/signin"><Button variant="info" size="lg" id="loginButton">Sign In</Button></Link>
        </div>
      </div>
    );
  }
}

export default Home;

import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import { Button } from 'react-bootstrap';

import 'bootstrap/dist/css/bootstrap.css';
import './Home.css';
// import gen from './signedUploadUrl';

class Home extends Component {
  render() {
    return (
      <div className="home-wrapper">
        <div className="home-title">PICTOPHONE</div>
        <div className="login-button">
          <Link to="/signup"><Button variant="info" size="lg" id="loginButton">Sign Up</Button></Link>
          {' '}
          <Link to="/signin"><Button variant="info" size="lg" id="loginButton">Sign In</Button></Link>
        </div>
      </div>
    );
  }
}

export default Home;

Adjust spacing between buttons.