A Pen by Marie Hekel on CodePen.
DM Elysium mhekel
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * FCC - Playing Cards | |
| */ | |
| /* #5 — playing-cards uses flexbox, centers children, wraps, 20px gap */ | |
| #playing-cards { | |
| display: flex; | |
| justify-content: center; | |
| flex-wrap: wrap; | |
| gap: 20px; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* –------------------–----------- | |
| BrutalistCss - by @mhekel | |
| */ | |
| /* ------------------------------------------------------- | |
| FONT IMPORTS | |
| ------------------------------------------------------- */ | |
| @import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700&display=swap"); | |
| @import url("https://fonts.cdnfonts.com/css/boldonse"); |
mhekel
/ build-a-survey-form-responsive-web-project.markdown
Created
March 31, 2026 00:58
Build a Survey Form -Responsive Web Project
A Pen by Marie Hekel on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="app"></div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ul id="messages"> | |
| <!-- 1 --> | |
| <li> | |
| <div class="infos"> | |
| <img src="http://farm5.staticflickr.com/4136/4817542998_55a7eb8d8b_q.jpg" alt="" title="by tresMunkeys" /> | |
| <a href="https://twitter.com/webodream" class="sprite twitter">@webodream</a> | |
| <a href="https://www.facebook.com/groups/115089745169149" class="sprite facebook">depot.webdesigner</a> | |
| <a href="https://github.com/arbaoui-mehdi" class="sprite github">@arbaoui-mehdi</a> | |
| </div> |
A Pen by Marie Hekel on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # **ALL‑IN‑1** | |
| ### *One call. Every trade. All‑in‑1.* | |
| **Plumbing • HVAC • Electrical • Construction • Landscaping • Mobile Mechanics (Diesel & Petrol) • Detailing** | |
| Hemet, CA 92543 | |
| Phone: __________________ | |
| Email: __________________ | |
| --- |
mhekel
/ basic-piano-with-web-audio-api.markdown
Created
September 25, 2025 18:34
Basic piano with Web Audio API