No video

CSS Grid vs Flex Layout: When To Use Which

Juan explains, in this mini tutorial, the basic notions on how to use our brand new CSS Grid Layout feature.
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.

Пікірлер: 8

  • 4 ай бұрын

    the new version rocks, Amazing like always!

  • @omnaraiya
    @omnaraiya3 ай бұрын

    I just discovered penpot and will be using it to start my next project. This looks awesome!

  • @Penpot

    @Penpot

    3 ай бұрын

    thanks!!!

  • @user-ev6fj5up9w
    @user-ev6fj5up9w4 ай бұрын

    🔥🔥🔥2.0

  • @rafaelpuyana
    @rafaelpuyana4 ай бұрын

    Amazing !!

  • @incyphe
    @incyphe4 ай бұрын

    This makes Figma look like Invision.

  • @user-ev6fj5up9w
    @user-ev6fj5up9w4 ай бұрын

    Bro next Extension system....!🎉

  • @maverick456-33
    @maverick456-334 ай бұрын

    Support TailwindCSS code natively !