course-work/prep-work
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

basic layout ex

Browse Source
This commit is contained in:
Armen Vartan
2014-12-01 13:28:51 -05:00
parent b9a8397f34
commit c5e942273c
4 changed files with 24 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
front-end/1-basic-layout/day1.html
View File

@ -1,8 +0,0 @@
<html>
<head>
<link rel="stylesheet" type="text/css" href="day1.css">
</head>
<body>
</body>
</html>

8
front-end/1-basic-layout/index.html Normal file
View File

@ -0,0 +1,8 @@
<html>
<head>
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
</body>
</html>

14
front-end/1-basic-layout/day1.css → front-end/1-basic-layout/main.css
View File

@ -1,23 +1,23 @@
header{
header {
background-color: gray;
height: 5em;
width: 100%;
}
nav{
nav {
height: 2em;
background-color: red;
width: 100%;
}
.content{
.content {
height: 20em;
width: 80%;
background-color: blue;
margin: 0 auto;
}
.col{
.col {
width: 24%;
height: 100%;
float: left;
@ -25,12 +25,12 @@ nav{
margin-right: .9%;
}
.col:nth-child(4){
.col:nth-child(4) {
border-right: none;
margin-right: none;
}
footer{
footer {
position: absolute;
bottom: 0;
height: 3em;
@ -38,4 +38,4 @@ footer{
width: 80%;
left: 10%;
}
}