penpot/penpot-docs
1
0
Fork 0
mirror of https://github.com/penpot/penpot-docs.git synced 2024-07-06 05:41:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨ Flex Layout gifs

Browse Source
This commit is contained in:
andy 2023-01-27 09:07:02 +01:00 committed by Andrés Moya
parent a930d049ec
commit acab8a96a5
3 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/flexlayout-inspect.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.5 MiB

4
user-guide/flexible-layouts/index.njk
View File

@ -2,7 +2,7 @@
title: 08· Flexible Layouts
---
<h1 id="flexible-layouts">Layout FLex</h1>
<h1 id="flexible-layouts">FLex Layout</h1>
<p class="main-paragraph">Penpot's unique Flex Layout allows you to create flexible designs that can adapt automatically. Resize, fit, and fill content and containers without the need to do it manually.</p>
<h3 id="flexlayout-css">Flex Layout is based on CSS standards</h3>
@ -45,7 +45,7 @@ Penpot's Flex Layout is built over Flexbox, a CSS module that provides a more ef
<h3 id="flexlayout-code">Get code and specifications</h3>
<p>Designing with Flex Layout generates ready for production code. Select the flex board or its inner elements and then open the <a href="/user-guide/inspect" target="_blank">Inspect tab</a> to obtain its properties detailed info and raw code.</p>
<p><img src="/img/flexlayout-code.png" alt="Flex Layout" /></p>
<p><img src="/img/flexlayout-inspect.gif" alt="Flex Layout" /></p>
<h3 id="flexlayout-examples">Flex Layout basic examples</h3>

4
user-guide/teams/index.njk
View File

@ -52,3 +52,7 @@ title: 15· Teams
<p>Check the status of a team invitations at the "Invitations" section. A pending invitation can be canceled from there.</p>
<p><img src="/img/teams-invitations.png" alt="teams" /></p>
<p>Check the status of a team invitations at the "Invitations" section. A pending invitation can be canceled from there.</p>
<p><img src="/img/teams-invitations.png" alt="teams" /></p>