No video

The Ultimate CSS Grid Layout for Dashboards - CSS Grid 2024

Juan explains, in this mini tutorial, the basic notions to lay out dashboards in combination with Flex Layout functionality.
This functionality is a completely new and unique way of distributing the elements of a layout in a bi-dimensional and responsive manner. This new way of laying out the elements translates straight into CSS code that saves time and makes things easier for devs.
---
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 -
community.penp...
Design: penpot.app​​
Help: help.penpot.app​
Contribute: github.com/penpot
Flex Layout: penpot.app/layout
Penpot Fest: penpotfest.org
Follow us:
* X: / penpotapp ​​
* Instagram: / penpot.app
* Github: github.com/penpot
* Mastodon: fosstodon.org/...
* LinkedIn: / penpotdesign
Penpot: Bring Design Collaboration between Designers and Developers.

Пікірлер: 5

  • @BGdev305
    @BGdev3054 ай бұрын

    Wow.. Wow.. and WOW!

  • @user-vk3tw3cu8n
    @user-vk3tw3cu8n19 күн бұрын

    i want to see the elements go to another column/row if i scale the board...

  • @user-vk3tw3cu8n
    @user-vk3tw3cu8n19 күн бұрын

    What about scaling from desktop to Mobile? That is not working in my opinion?

  • @ritzenhauf
    @ritzenhauf3 ай бұрын

    wait...what's 1FR?

  • @Penpot

    @Penpot

    2 ай бұрын

    1 fraction