Permalink
Browse files

ヘッダーとコンテンツ部分作成

  • Loading branch information...
ryosuketter committed Aug 31, 2017
1 parent fd82650 commit a42a848a6888bd63a9a44819976ba5cbee32697b
Showing with 24 additions and 3 deletions.
  1. +5 −2 index.html
  2. +19 −1 style.css
View
@@ -13,7 +13,10 @@
<script src="./index.js"></script>
</html>
<body>
<div>
<p>test</p>
<div class="header">
<p>header</p>
</div>
<div class="contents">
<p>contents</p>
</div>
</body>
View
@@ -1,3 +1,21 @@
p {
color: #ff0000;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 30px;
font-weight: 900;
}
.header {
position: relative;
background-color: #00BAB2;
height: 10vh;
}
.contents {
position: relative;
background-color: #4A7998;
height: 90vh;
}

0 comments on commit a42a848

Please sign in to comment.