<!DOCTYPE html>
<html style="line-height:1.5">
<head>
<style>.ck-link { text-decoration: underline; }</style>
<style>@media only screen { .email * { word-break: break-word; } }
@media screen and (max-width: 384px) { .mail-message-content { width: 414px !important; } }
@media only screen{body,table,td,a{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}}
@media only screen{*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}}
@media only screen and (max-width:600px){.email-container{padding:0 !important;}}
@media only screen and (max-width:600px) { .ck-padding-left-none { padding-left:0px !important; } .ck-padding-right-none { padding-right:0px !important; } .ck-padding-left-mobile-friendly { padding-left:18px !important; } .ck-padding-right-mobile-friendly { padding-right:18px !important; } }
@media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } }</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body style="margin:0;padding:0;-webkit-font-smoothing:antialiased;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.5">
<div id="preview-text">
<span style="display: none; max-height: 0; overflow: hidden;">
Course Launch! Modern CSS Fundamentals
</span>
<span style="display: none; max-height: 0; overflow: hidden;">
͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏
</span>
</div>
<div style="background-color:#ffffff"><table role="presentation" cellpadding="0" cellspacing="0" class="email" style="border-collapse:separate;line-height:1.5;mso-table-lspace:0pt;mso-table-rspace:0pt;background:#ffffff !important;width:100%" bgcolor="#ffffff"><tbody><tr>
<td style="mso-table-lspace:0pt;mso-table-rspace:0pt;vertical-align:top"><div class="email-container normal" style="padding-top:0;padding-left:0;padding-bottom:30px;padding-right:0;margin:0 auto;max-width:100%"><table cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border-collapse:separate;line-height:1.5;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%;margin:0 auto;background-color:#ffffff"><tbody><tr><td style="mso-table-lspace:0pt;mso-table-rspace:0pt;vertical-align:top">
<div class="ck-section" style="margin:30px auto 7px auto"><center>
<table cellpadding="0" cellspacing="0" style="border-collapse:separate;line-height:1.5;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%;margin:0 auto;max-width:640px"><tbody><tr>
<td contenteditable="false" style="mso-table-lspace:0pt;mso-table-rspace:0pt;vertical-align:top"></td>
<td width="640" style="mso-table-lspace:0pt;mso-table-rspace:0pt;vertical-align:top;border-radius:0px;box-sizing:border-box;mso-padding-alt:0px 4px 0px 4px"><div class="ck-inner-section ck-padding-left-mobile-friendly ck-padding-right-mobile-friendly" style="padding:0px 4px 0px 4px"><div style="margin-left:auto;margin-right:auto">
<p style="margin:1em 0;font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">Hello there,</p>
<p style="margin:1em 0;font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">When I first started teaching CSS, I quickly realized that while I could muck around and get a layout to come together,<strong> I didn't actually understand much about CSS</strong>.</p>
<p style="margin:1em 0;font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">Students would ask questions about why something worked the way it did, and I wouldn't have an answer.</p>
<p style="margin:1em 0;font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">I started looking for resources that explained why things behaved the way they did, so I could understand them better and, in turn, teach them better, but I struggled to find any that did. Everything would teach you the syntax, but I couldn't find things that explained why things worked the way they did.</p>
<p style="margin:1em 0;font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class=""><strong>It took years of writing CSS, and then teaching it, before I felt like I actually had a handle on the underlying logic. Not just what to write, but </strong><em><strong>why</strong></em><strong> it works that way.</strong></p>
<p style="margin:1em 0;font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">And after these years of teaching it, I've realized a lot of the misconceptions people have about CSS start in the very early days, which is why <strong>I created a new course called CSS Fundamentals</strong>, which is now live on Frontend Masters.</p>
<p style="margin:1em 0;font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class=""><strong>It's essentially the CSS course I wish existed when I was learning</strong> (and later on trying to figure out how to teach), not just covering all the fundamental topics, but also talking about <em>why</em> everything works the way it does as well. </p>
<p style="margin:1em 0;font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">It covers everything you'd expect — the box model, typography, Grid, Flexbox, responsive layouts, positioning, animations, form styling, and more, and the whole thing is built around understanding the reasoning behind each concept, not just memorizing the syntax. </p>
<p style="margin:1em 0;font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class=""><strong>My goal is for when someone finishes this course, they don't just know more CSS, but think differently about it as well</strong>. When they hit something they haven't seen before, they have the tools to figure it out, whether they're writing regular CSS, or using tools like Tailwind or other frameworks as well.</p>
<p style="margin:1em 0;font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">Since this course is with Frontend Masters, you will need a subscription with them. If you <a href="https://b59b20d1.click.convertkit-mail4.com/8kuw06pep2hoh2zl3doukhkggqg99c3h92ve/wnh2hghqn5k3edtl/aHR0cHM6Ly9mcm9udGVuZG1hc3RlcnMuY29tL2NvdXJzZXMvY3NzLWZ1bmRhbWVudGFscy8_Y29kZT1wb3dlbGwmdXRtX2NhbXBhaWduPWNzcy1mdW5kYW1lbnRhbHMmdXRtX21lZGl1bT1lbWFpbCZ1dG1fc291cmNlPXBvd2VsbA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="color:#0000ff" url-id="1831766302">use this link, you can get your first month for only $29</a>. </p>
<p style="margin:1em 0;font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">That's not only an incredible deal, but you'll also have the time to take a few of their other courses as well... like my other course on there, <a href="https://b59b20d1.click.convertkit-mail4.com/8kuw06pep2hoh2zl3doukhkggqg99c3h92ve/08hwh9h2vo9kl0ip/aHR0cHM6Ly9mcm9udGVuZG1hc3RlcnMuY29tL2NvdXJzZXMvcHJvLWNzcy8_Y29kZT1wb3dlbGwmdXRtX2NhbXBhaWduPWNzcy1mdW5kYW1lbnRhbHMmdXRtX21lZGl1bT1lbWFpbCZ1dG1fc291cmNlPXBvd2VsbA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="color:#0000ff" url-id="1831766304">Build a Modern Website from Scratch</a>, which would be a great follow-up from the CSS Fundamentals one!</p>
<p style="margin:1em 0;font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">For full transparency, those are affiliate links, which means that if you do sign up, on top of getting access to some great courses, it helps support everything I do as well.</p>
<p style="margin:1em 0;font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">If you have any questions about the course, reply to this email, and I'll get back to you as soon as I can.</p>
<p style="margin:1em 0;font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:18px;color:#353535;font-weight:400;line-height:1.5" class="">Cheers,<br>Kevin</p>
<hr style="margin:36px 0;border:0;height:1px;background:#eee;margin-top:48px;margin-bottom:48px">
</div></div></td>
<td contenteditable="false" style="mso-table-lspace:0pt;mso-table-rspace:0pt;vertical-align:top"></td>
</tr></tbody></table>
<div><!--[if mso]><br /><br /><![endif]--></div>
</center></div>
<div class="ck-section" style="margin:0px auto 24px auto"><center>
<table cellpadding="0" cellspacing="0" style="border-collapse:separate;line-height:1.5;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%;margin:0 auto;max-width:640px"><tbody><tr>
<td contenteditable="false" style="mso-table-lspace:0pt;mso-table-rspace:0pt;vertical-align:top"></td>
<td width="640" style="mso-table-lspace:0pt;mso-table-rspace:0pt;vertical-align:top;background-color:#f7f7f7;border-radius:0px;box-sizing:border-box;mso-padding-alt:18px 18px 18px 18px" bgcolor="#f7f7f7"><div class="ck-inner-section ck-padding-left-mobile-friendly ck-padding-right-mobile-friendly" style="padding:18px 18px 18px 18px"><div style="margin-left:auto;margin-right:auto;max-width:640px"><p style="margin:1em 0;font-family:-apple-system, BlinkMacSystemFont, sans-serif;font-size:15px;color:#747474;font-weight:400;line-height:1.5" class=""><a href="https://b59b20d1.unsubscribe.convertkit-mail4.com/8kuw06pep2hoh2zl3doukhkggqg99c3h92ve" target="_blank" class="ck-link" rel="noopener noreferrer" style="color:#006df2">Unsubscribe</a> · <a href="https://preferences.convertkit-mail4.com/8kuw06pep2hoh2zl3doukhkggqg99c3h92ve" target="_blank" class="ck-link" rel="noopener noreferrer" style="color:#006df2">Preferences</a><br>600 1st Ave, Ste 330 PMB 92768, Seattle, WA 98104-2246</p></div></div></td>
<td contenteditable="false" style="mso-table-lspace:0pt;mso-table-rspace:0pt;vertical-align:top"></td>
</tr></tbody></table>
<div><!--[if mso]><br /><br /><![endif]--></div>
</center></div>
</td></tr></tbody></table></div></td>
<td style="mso-table-lspace:0pt;mso-table-rspace:0pt;vertical-align:top"></td>
</tr></tbody></table></div>
<!-- -->
<img src="https://b59b20d1.open.convertkit-mail4.com/8kuw06pep2hoh2zl3doukhkggqg99c3h92ve" alt="" style="border:0 none;display:block;border:0;height:auto;line-height:100%;outline:none;-webkit-text-decoration:none;text-decoration:none;-ms-interpolation-mode:bicubic;max-width:100%">
</body>
</html>