Advanced Flex Layouts | Hands-on Demo, February 27th

Are you already familiar with Penpot’s Flex layouts? Let’s get advanced!

Save the date for a new Hands-On Demo on Feb. 27th. @LauraKalbag, designer, developer, and educator at Penpot, will create a UI design from start to finish using flex layout.

:spiral_calendar: Date: Thursday, February 27th

:watch: Time: UTC 3-4 PM (Convert to your local timezone with ZoneStamp)

:arrow_forward: Stream on: PeerTube, YouTube or Linkedin

Along the way, Laura will go over responsive layouts that work in different-sized containers and how to use Flex layouts inside Flex layouts.

New to Flex layouts? Don’t worry! Laura will also cover common use cases like navigation lists, cards, and buttons.

What’s planned for this Hands-on Demo?

  • Using Flex for responsive design (adapting to multiple screen sizes)

  • Nesting flex layouts

  • Creating horizontal navigation with Flex

  • Designing vertical navigation with Flex

  • Implementing Flex for card layouts

  • Styling buttons with Flex

To get ready for the session, check out these resources on Penpot Flex Layout:

:speech_balloon: Is there anything you’ve struggled to achieve with Flex? Share an image of the layout you want, and Laura will show you how she’d get it done with Penpot Flex layout.

:arrow_forward: If you missed any of our previous Hands-on Demo episodes, catch up on our YouTube playlist.

3 Likes