react-marquee-slider-vertical/example/src/pages/index.js

The marquee slider of your wildest dreams. Only for React.js ⛺

import React from "react";
import styled from "styled-components";

import "../css/style.css";

import CompiledDemo from "../components/CompiledDemo";
import People from "../components/people";

const Wrapper = styled.div`
  display: flex;
  flex-direction: column;
  align-items: center;
`;

const Content = styled.div`
  max-width: 42rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1.5rem;

  & > p {
    line-height: 1.5rem;
  }
`;

const Separator = styled.div`
  height: ${props => props.height}px;
`;

const IndexPage = () => (
  <Wrapper>
    <Content>
      <People />
    </Content>

    <Separator height={100} />
  </Wrapper>
);

export default IndexPage;