Skip to content

Commit 23ce225

Browse files
edit css and change h1 class
1 parent 3242072 commit 23ce225

2 files changed

Lines changed: 11 additions & 44 deletions

File tree

Wireframe/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717

1818
<body>
1919
<header class="page-hero">
20-
<h1 class="page-hero">Wireframe</h1>
20+
<h1 class="page-title">Wireframe</h1>
2121
<p class="page-subtitle">
2222
Learn about README files, wireframes, and Git branches.
2323
</p>

Wireframe/style.css

Lines changed: 10 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -59,13 +59,7 @@ body {
5959
text-align: center;
6060
padding: 28px 16px 8px;
6161
}
62-
.page-title {
63-
font-family: "Kalam", cursive;
64-
font-size: 42px;
65-
margin: 12px 0 4px;
66-
letter-spacing: 1px;
67-
text-transform: uppercase;
68-
}
62+
6963
.page-subtitle {
7064
font-family: "Kalam", cursive;
7165
color: var(--muted);
@@ -82,9 +76,7 @@ body {
8276
margin: 18px 0;
8377
overflow: hidden;
8478
}
85-
.card--featured {
86-
/* visually wider like the top box in the wireframe */
87-
}
79+
8880
.card__media {
8981
position: relative;
9082
height: 240px;
@@ -94,36 +86,6 @@ body {
9486
height: 280px;
9587
}
9688

97-
.fake-img {
98-
background: #fff;
99-
}
100-
.fake-img .diag {
101-
position: absolute;
102-
top: 0;
103-
left: 0;
104-
right: 0;
105-
bottom: 0;
106-
pointer-events: none;
107-
}
108-
.fake-img .diag.left {
109-
background: linear-gradient(
110-
to bottom right,
111-
transparent 49%,
112-
var(--line) 50%,
113-
transparent 51%
114-
);
115-
opacity: 0.7;
116-
}
117-
.fake-img .diag.right {
118-
background: linear-gradient(
119-
to top right,
120-
transparent 49%,
121-
var(--line) 50%,
122-
transparent 51%
123-
);
124-
opacity: 0.7;
125-
}
126-
12789
.card__body {
12890
padding: 16px 20px 20px;
12991
display: flex;
@@ -198,9 +160,6 @@ body {
198160
.card__media {
199161
height: 200px;
200162
}
201-
.card--featured .card__media {
202-
height: 220px;
203-
}
204163
}
205164

206165
.card__media img {
@@ -209,3 +168,11 @@ body {
209168
object-fit: cover;
210169
display: block;
211170
}
171+
172+
.page-title {
173+
font-family: "Kalam", cursive;
174+
font-size: 42px;
175+
margin: 12px 0 4px;
176+
letter-spacing: 1px;
177+
text-transform: uppercase;
178+
}

0 commit comments

Comments
 (0)