# Code breakpoints

**URL:** <https://community.penpot.app/t/code-breakpoints/8173>\
**Category:** Ask the community\
**Tags:** design\
**Created:** [March 18, 2025, 9:11am UTC](https://community.penpot.app/t/code-breakpoints/8173 "2025-03-18T09:11:35Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![tfl-01](https://avatars.discourse-cdn.com/v4/letter/t/e79b87/32.png) [@tfl-01](https://community.penpot.app/u/tfl-01)\
**Post date:** [March 18, 2025, 9:11am UTC](https://community.penpot.app/t/code-breakpoints/8173/1 "2025-03-18T09:11:35Z")

</div>

Hello,  
Is there an opportunity to create breakpoints which will be reflected in html & css code with Penpot?

I’m just starting out and would like to create a simple, responsive page in penpot. Do you build pages with penpot? What are the most serious limitations of this tool if I want to use code straight from the editor to the html/css page with possible later extension with javascript on my own?

---

<div class="post-metadata">

**Author:** ![LauraKalbag](https://dub1.discourse-cdn.com/flex017/user_avatar/community.penpot.app/laurakalbag/32/5014_2.png) [@LauraKalbag](https://community.penpot.app/u/LauraKalbag)\
**Post date:** [March 18, 2025, 10:25am UTC](https://community.penpot.app/t/code-breakpoints/8173/2 "2025-03-18T10:25:05Z")

</div>

There’s no way to design for breakpoints in Penpot though I often create designs featuring different breakpoint sizes.

I do this using a different board for each breakpoint (generally I aim to have as few breakpoints as possible… that’s the developer side of my brain talking!) then I make most of the design up out of components. This way I can switch out components to fit the different boards. For example, I might have a compact vertical navigation that I use on mobile-sized breakpoints which I swap out for a horizontal navigation for wider viewports.

> [@tfl-01](#):
>
> What are the most serious limitations of this tool if I want to use code straight from the editor to the html/css page with possible later extension with javascript on my own?

This would depend on your design, but I’d say it was absolutely possible. I would personally tweak the HTML elements to use more semantic elements, for example using `h1` for headings, `ul` for lists etc, but it all renders well. There’s also [a plugin to export your design as Tailwind HTML](https://penpot.app/penpothub/plugins/tailwind-html) if you prefer working with a framework like that.