Juan nos explica en este mini tutorial, las nociones básicas de cómo usar CSS Grid Layout para dashboards en combinación con flex layout.

Esta funcionalidad es una forma completamente novedosa y única que permite distribuir los elementos dentro de un layout de manera bidimensional y automática . Esta distrubución en grid tiene una implementación directa en CSS, lo que facilita y aligera el trabajo en la fase de desarrollo.

-- Penpot is the first open-source collaborative design tool that bridges the gap between designers and developers.

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 Collaboration between Designers and Developers.