No video

#1 CSS Grid Layout Tutorial: The Ultimate Guide (2024)

Agnostic components is a term that Penpot uses to refer to spacing grid templates for our brand new CSS Grid Layout feature. In this video, Juan shows a component in a form of card which he uses with a grid template.
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.

Пікірлер: 4

  • @SzabatDesign
    @SzabatDesign6 ай бұрын

    Nice! My fingers are crossed! 🤞

  • @PascalTovohery
    @PascalTovoheryАй бұрын

    How to create agnostic component?

  • @Penpot

    @Penpot

    19 күн бұрын

    You should check this video! kzread.info/dash/bejne/p4eG1ddqaa3FdtI.html

  • @PascalTovohery

    @PascalTovohery

    15 күн бұрын

    @@Penpot you're welcome😊