CSS Grid Layout tutorial | Basics

Опубликовано: 08 Апрель 2024
на канале: 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.


На этой странице сайта вы можете посмотреть видео онлайн CSS Grid Layout tutorial | Basics длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Penpot 08 Апрель 2024, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 49,569 раз и оно понравилось 126 зрителям. Приятного просмотра!