The CodePen community really knows whatSUP (get it?) 😉
Here are a couple of our favorites from this week’s HTML Buddies challenge: <sub> and <sup>
Hover over the superscript and subscripts in Jaymie Rosen’s Pen to reveal a stylish tooltip with more information.
See the Pen Learning Science | #CodePenChallenge with Sup and Sub Elements by Jaymie Rosen (@jaymierosen) on CodePen.
Rodrigo Silva de Melo gets all the ducks in a row in this charming Pen
<p data-height="650" data-theme-id="178" data-slug-hash="VxRJpY" data-default-tab="result" data-user="rsmelo" data-embed-version="2" data-pen-title="Ducks #CodePenChallenge – and ” class=”codepen”>See the Pen Ducks #CodePenChallenge – <sup&rt; and by Rodrigo Silva de Melo (@rsmelo) on CodePen.
Rémi Tran illustrates how the <sub> and <sup> elements land on the ascender and descender lines in “Anatomy of Typography”
Jessica Paoli illustrates the classic Scrabble tile in CSS.
Jhey created an interactive cash register — make sure to hit that “tend” button for a satisfying cha-ching!
<p data-height="650" data-theme-id="178" data-slug-hash="pVBeLM" data-default-tab="result" data-user="jh3y" data-embed-version="2" data-pen-title="Interactive cash register w/ Vue & 💵🤑 #CodePenChallenge” class=”codepen”>See the Pen Interactive cash register w/ Vue & <sup&rt; 💵🤑 #CodePenChallenge by Jhey (@jh3y) on CodePen.
We’ve gathered up these and many more Pens from this week’s challenge in our Sub and Sup Collection.
Thanks to An Event Apart for sponsoring!
An Event Apart’s speakers aren’t merely industry leaders with years of experience and deep insight. They’re also engaging, inspiring thinkers who are passionate about sharing what they’ve learned and helping you level up your skills.