CSS Grid Layout tutorial | Basics

Publié le: 08 avril 2024
sur la chaîne: Penpot
49,569
126

In this tutorial, Juan walks us through the basics of how to leverage the power of this incredible new feature: CSS Grid Layout. He explains how to create a grid, manage the space, align cells, establish direction of content, duplicate content, etc.

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:   / penpotapp   ​​
Instagram:   / penpot.app  
Github: https://github.com/penpot
Mastodon: https://fosstodon.org/@penpot/​
LinkedIn:   / penpotdesign  

Penpot: Bring Design Collaboration between Designers and Developers.


Sur cette page du site, vous pouvez voir la vidéo en ligne CSS Grid Layout tutorial | Basics durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Penpot 08 avril 2024, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 49,569 fois et il a aimé 126 téléspectateurs. Bon visionnage!