chem101

<style>/*<![CDATA[*/.ch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.ch-card{border:2px dashed #ccc;border-radius:8px;padding:20px;text-align:center;transition:border-color .2s}.ch-card:hover{border-color:#0089C4}.ch-card .ico{width:160px;height:120px;margin:0 auto 12px;background:linear-gradient(135deg,#e8f4f8,#d4eaf5);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:36px;color:#0089C4}.ch-card a{color:#0089C4;font-size:15px;font-weight:500;text-decoration:none;display:block}.ch-card a:hover{text-decoration:underline}@media(max-width:900px){.ch-grid{grid-template-columns:repeat(2,1fr)}}/*]]>*/</style><p>Chemistry 101 covers atomic structure, periodicity, bonding, and thermochemistry.</p>
<div class="ch-grid">
<div class="ch-card"><div class="ico">📚</div><a href="/Sandboxes/johnnyphung/chem101/01:_Chapter_Notes">01: Chapter Notes</a></div>
<div class="ch-card"><div class="ico">📖</div><a href="/Sandboxes/johnnyphung/chem101/02:_Homework">02: Homework</a></div>
<div class="ch-card"><div class="ico">📑</div><a href="/Sandboxes/johnnyphung/chem101/03:_Lab_Materials">03: Lab Materials</a></div>
<div class="ch-card"><div class="ico">📝</div><a href="/Sandboxes/johnnyphung/chem101/04:_Other">04: Other</a></div>
<div class="ch-card"><div class="ico">📜</div><a href="/Sandboxes/johnnyphung/chem101/05:_Reference">05: Reference</a></div>
<div class="ch-card"><div class="ico">📋</div><a href="/Sandboxes/johnnyphung/chem101/06:_Safety">06: Safety</a></div>
<div class="ch-card"><div class="ico">📄</div><a href="/Sandboxes/johnnyphung/chem101/07:_Syllabus">07: Syllabus</a></div>
<div class="ch-card"><div class="ico">📃</div><a href="/Sandboxes/johnnyphung/chem101/08:_Test_Prep">08: Test Prep</a></div>
<div class="ch-card"><div class="ico">📎</div><a href="/Sandboxes/johnnyphung/chem101/09:_Worksheets">09: Worksheets</a></div>
</div>