Skip to content

Commit e3fc3dc

Browse files
matowdevmatowdev
committed
[LES-1.4/compl] practice-mail-layout-1
Watching the teacher layout, adding comments. Worth noting: - that there are moments.. in particular with specifying/duplicating "font-family". core: B-4 / WL-AL
1 parent b0d6d65 commit e3fc3dc

File tree

2 files changed

+14
-25
lines changed

2 files changed

+14
-25
lines changed

‎core-courses/4-web-layout-advanced-level/1-html-email-layout/1-4-practice-mail-layout-1/index-new.html‎

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

8686
<!-- Preheader (remove comment) -->
8787
<div
88-
style="font-size: 0px;color: #fafdfe;line-height: 1px;mso-line-height-rule:exactly;display: none;max-width: 0px;max-height: 0px;opacity: 0;overflow: hidden;mso-hide:all;">
88+
style="font-size: 0px;color: #fafdfe;line-height: 1px; mso-line-height-rule:exactly;display: none;max-width: 0px;max-height: 0px;opacity: 0;overflow: hidden; mso-hide:all;">
8989
Прехедер письма
9090
</div>
9191
<!-- End Preheader (remove comment) -->

‎core-courses/4-web-layout-advanced-level/1-html-email-layout/1-4-practice-mail-layout-1/index.html‎

Lines changed: 13 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@
1818
line-height: 100%;
1919
}
2020

21+
/* !ОБЯЗАТЕЛЬНО и здесь.. и потом каждому в атрибуте style="" (по сути дублирование) */
2122
[style*="Verdana"] {
2223
font-family: 'Verdana', arial, sans-serif !important;
2324
}
@@ -70,6 +71,7 @@
7071
color: #ffffff;
7172
}
7273

74+
/* атомарный CSS */
7375
.padding-32 {
7476
padding-top: 32px;
7577
padding-bottom: 32px;
@@ -104,6 +106,7 @@
104106
text-decoration: none;
105107
}
106108

109+
/* атомарный CSS */
107110
.pt-32 {
108111
padding-top: 32px;
109112
}
@@ -204,8 +207,8 @@
204207
</head>
205208

206209
<body style="margin: 0; padding: 0;" bgcolor="#f5f5f5">
207-
<div style="font-size:0px;font-color:#ffffff;opacity:0;visibility:hidden;width:0;height:0;display:none;">Тестовое
208-
письмо</div>
210+
<div style="font-size:0px; font-color:#ffffff; opacity:0; visibility:hidden; width:0; height:0; display:none;">
211+
Тестовое письмо</div>
209212
<table cellpadding="0" cellspacing="0" class="table-600" width="600" bgcolor="#ffffff" align="center">
210213
<tr>
211214
<td>
@@ -232,18 +235,14 @@ <h1 class="title" style="font-family: Verdana, Geneva, Tahoma, sans-serif;">I am
232235
<tr>
233236
<td align="center" class="padding-32">
234237
<h2 class="fact" style="font-family: Verdana, Geneva, Tahoma, sans-serif;">Fact: Bears eat beets.
235-
Bears.
236-
Beets.
237-
Battlestar Galactica.</h2>
238+
Bears. Beets. Battlestar Galactica.</h2>
238239
</td>
239240
</tr>
240241
<tr>
241242
<td align="center">
242243
<p class="description" style="font-family: Verdana, Geneva, Tahoma, sans-serif;">
243244
In the wild, there is no healthcare. In the wild healthcare is, ‘Ow, I hurt my leg. I can’t run. A
244-
lion
245-
eats me,
246-
and I’m dead.’ Well, I’m not dead. I’m the lion. You’re dead.
245+
lion eats me, and I’m dead.’ Well, I’m not dead. I’m the lion. You’re dead.
247246
</p>
248247
</td>
249248
</tr>
@@ -282,13 +281,10 @@ <h3 class="mini-title" style="font-family: Verdana, Geneva, Tahoma, sans-serif;"
282281
rule.</h3>
283282
<p class="mini-descr" style="font-family: Verdana, Geneva, Tahoma, sans-serif;">
284283
No office romances, no way. Very messy, inappropriate… no. But, I live by another rule: Just
285-
do
286-
it… Nike.
284+
do it… Nike.
287285
</p>
288286
<a href="" class="mini-link" style="font-family: Verdana, Geneva, Tahoma, sans-serif;">Link
289-
out
290-
here
291-
&gt;</a>
287+
out here &gt;</a>
292288
</td>
293289
</tr>
294290
</table>
@@ -303,17 +299,14 @@ <h3 class="mini-title" style="font-family: Verdana, Geneva, Tahoma, sans-serif;"
303299
</td>
304300
<td class="p-full-32 mobile-bottom">
305301
<h3 class="mini-title" style="font-family: Verdana, Geneva, Tahoma, sans-serif;">I work hard
306-
all
307-
day.
302+
all day.
308303
</h3>
309304
<p class="mini-descr" style="font-family: Verdana, Geneva, Tahoma, sans-serif;">
310305
I like knowing that there’s going to be a break. Most days I just sit and wait for the
311306
break.
312307
</p>
313308
<a href="" class="mini-link" style="font-family: Verdana, Geneva, Tahoma, sans-serif;">Link
314-
out
315-
here
316-
&gt;</a>
309+
out here &gt;</a>
317310
</td>
318311
</tr>
319312
</table>
@@ -333,9 +326,7 @@ <h3 class="mini-title" style="font-family: Verdana, Geneva, Tahoma, sans-serif;"
333326
To give you a reference point. I’m somewhere between a snake and a mongoose. And a panther.
334327
</p>
335328
<a href="" class="mini-link" style="font-family: Verdana, Geneva, Tahoma, sans-serif;">Link
336-
out
337-
here
338-
&gt;</a>
329+
out here &gt;</a>
339330
</td>
340331
</tr>
341332
</table>
@@ -385,9 +376,7 @@ <h3 class="mini-title" style="font-family: Verdana, Geneva, Tahoma, sans-serif;"
385376
<tr>
386377
<td align="center" class="pb-16">
387378
<p class="address" style="font-family: Verdana, Geneva, Tahoma, sans-serif;">1725 Slough Avenue
388-
#200,
389-
Scranton, PA, 18540
390-
© 2020 Bonnie Kate Wolf</p>
379+
#200, Scranton, PA, 18540 © 2020 Bonnie Kate Wolf</p>
391380
</td>
392381
</tr>
393382
<tr>

0 commit comments

Comments
 (0)