리엑트 블로그 만들기 3 - Header 작성하기

리엑트 블로그 만들기 3 - Header 작성하기

import React from "react";
import { Row, Col } from "reactstrap";

const Header = () => {
  return (
    <div id="page-header">
      <Row>
        <Col md="6" sm="auto" className="text-center m-auto">
          <h1>Read Our Blog</h1>
          <p>Victor의 사이드 블로그 입니다.</p>
        </Col>
      </Row>
    </div>
  );
};

export default Header;

#main-footer{
    background: #343a40;
    color:#fff;
}

#page-header{
    height:200px;
    background: url(./img/free-image.jpeg);
    background-position: 54% 94%;
    background-attachment: fixed;
    color: #fff;
    border-bottom: 1px #eee solid;
    padding-top: 60px;
}