# Make PenPot’s Code Fully Responsive

**URL:** <https://community.penpot.app/t/make-penpot-s-code-fully-responsive/9721>\
**Category:** Ask the community\
**Created:** [August 18, 2025, 7:54am UTC](https://community.penpot.app/t/make-penpot-s-code-fully-responsive/9721 "2025-08-18T07:54:52Z")\
**Posts on this page:** 1\
**Page:** 2

<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:** [August 31, 2026, 9:59am UTC](https://community.penpot.app/t/make-penpot-s-code-fully-responsive/9721/22 "2026-08-31T09:59:46Z")

</div>

> [@Kenneth\_Auwers](#):
>
> I have an example: on desktop the image and text column alternate left and right each section but on mobile you always want the image below the text. So the “order” changes.

Great, thanks. That does correlate with how you’d use `order` in CSS. But you could also do it by changing the flex direction. Right now neither of these are values you can tie to design tokens. It’s not in the spec or Penpot, which I think is probably because layout logic doesn’t have a huge value in being repeatable, it’s usually unique to a view or a component. So perhaps this would be more useful as part of a Penpot feature that handles responsiveness. I just spotted this user story that might be worth watching:

> **[Taiga](https://tree.taiga.io/project/penpot/us/14272)**
>
> Taiga is a project management platform for startups and agile developers & designers who want a simple, beautiful tool that makes work truly enjoyable.

[Previous page](https://community.penpot.app/t/make-penpot-s-code-fully-responsive/9721.md?page=1)