리엑트 블로그 만들기 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;
}
Share