Zach Leat is a frontend developer and accessibility advocate known for his expertise in web typography and design systems. Readers can learn about typography principles, web design trends, and accessibility best practices. With articles, tutorials, and design showcases, Zach Leat provides  guidance and inspiration for creating visually appealing and accessible web experiences.

Zach Leatherman

Explores an edge-case bug in markdown-it where wrapping code blocks in HTML elements (like divs) causes unwanted paragraph tags to be inserted. The issue occurs when preprocessing Markdown with syntax highlighting plugins that return wrapped HTML. Provides workarounds including using triple backtick syntax instead of pre tags, and demonstrates a custom paired shortcode solution for Eleventy that handles wrapper elements correctly while maintaining proper code block rendering.

Wrapper Elements around Code Blocks in Markdown—zachleat.com