Penpot CSS Grid allows to create layouts in rows and columns to form a grid, ideal for complex designs where elements need to be aligned in both vertical and horizontal dimensions. Pablo shows on this video how to apply this grid layout to a web page. This layout adapts and changes across multiple devices and environments.

This brand new and unique functionality will be available soon! Stay tuned.

Penpot is the first open-source design and prototyping tool for Product teams.

Penpot allows a true collaboration between designers and developers thanks to features like Flex Layout and Code Inspect. It’s the only one that can be web based or self-hosted. The tool works with open web standards (SVG) avoiding vendor lock-in and giving teams absolute freedom in their designs.

You can use it for your mockups, webs, apps and any other type of UX & UI Design

• Penpot Community - https://community.penpot.app

Design: https://penpot.app​​ Help: https://help.penpot.app​ Contribute: https://github.com/penpot Flex Layout: https://penpot.app/layout Penpot Fest: https://penpotfest.org

Follow us:

• X: https://twitter.com/penpotapp ​​
• Instagram: https://www.instagram.com/penpot.app/
• Github: https://github.com/penpot
• Mastodon: https://fosstodon.org/@penpot/​
• LinkedIn: https://www.linkedin.com/company/penpotdesign

Penpot: Bring Design Freedom For Product Teams.