Skip to content

Commit d21352e

Browse files
rmametrmamet
committed
Make header
1 parent bf33a87 commit d21352e

File tree

5 files changed

+65
-6
lines changed

5 files changed

+65
-6
lines changed

‎CloisterBlackLight.ttf‎

111 KB
Binary file not shown.

‎imitation.css‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1 +1,55 @@
11
/* CSS for your imitation here */
2+
* {
3+
margin: 0;
4+
padding: 0;
5+
}
6+
7+
body {
8+
margin: 2em;
9+
background-color: blanchedalmond;
10+
}
11+
12+
header {
13+
display: grid;
14+
}
15+
16+
.main-imitation {
17+
max-width: 630px;
18+
max-height: 708px;
19+
padding: 1em;
20+
background-color: white;
21+
}
22+
23+
@font-face {
24+
font-family: CloisterBlack;
25+
src: url(CloisterBlackLight.ttf);
26+
}
27+
28+
h1 {
29+
font-family: CloisterBlack;
30+
}
31+
32+
p {
33+
font-family: serif;
34+
}
35+
36+
.attrib {
37+
text-align: center;
38+
}
39+
40+
.grid00 {
41+
grid-column: 1/3;
42+
grid-row: 1;
43+
}
44+
.grid01 {
45+
grid-column: 4;
46+
grid-row: 1;
47+
}
48+
.grid10 {
49+
grid-column: 1/3;
50+
grid-row: 2;
51+
}
52+
.grid11 {
53+
grid-column: 4;
54+
grid-row: 2;
55+
}

‎imitation.html‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,13 @@
99
</head>
1010

1111
<body>
12-
<main>
13-
<!-- start your design here -->
14-
imitate
12+
<main class="main-imitation">
13+
<header>
14+
<h1 class="grid00">Shakespeare's Tragedies</h1>
15+
<summary class="grid10">Everybody Dies.</summary>
16+
<p class="grid01 attrib">Original Concept <br /> by Cam Magee</p>
17+
<p class="grid11 attrib">Design by <br /> Caitlin S Griffin</p>
18+
</header>
1519
</main>
1620
</body>
1721

‎index.html‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -52,10 +52,11 @@
5252
<!-- IMAGE TAG BELOW -->
5353
<!-- FIX SRC= AS NEEDED -->
5454
<figure>
55-
<img src="https://placehold.co/800x1600?text=Big+Picture" />
56-
<!--<img src="original.jpg" />-->
55+
<!-- <img src="https://placehold.co/800x1600?text=Big+Picture" /> -->
56+
<img src="shakespearedeaths.jpg" />
5757
<figcaption>
58-
Original Layout from [note where the layout came from here]
58+
Original Layout from <a
59+
href="https://newyorktheater.me/2014/08/15/deaths-in-shakespeares-plays-a-handy-chart/">https://newyorktheater.me/2014/08/15/deaths-in-shakespeares-plays-a-handy-chart/</a>
5960
</figcaption>
6061
</figure>
6162
<!-- END OF IMAGE TAG -->

‎shakespearedeaths.jpg‎

41.6 KB
Loading

0 commit comments

Comments
 (0)