File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 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 >
Original file line number Diff line number Diff 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 );
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+ }
You can’t perform that action at this time.
0 commit comments