CSS Flexbox - Workshop

Topic Description

A basic understanding of CSS Flexbox is needed as a prerequisite to understanding how content aligns. Show this first in plain HTML/CSS context, and share where in Site Editor one can find settings related to Flex.

Related Resources

Links to related content on Learn, HelpHub, DevHub, GitHub Gutenberg Issues, DevNotes, etc.

• https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox
• https://github.com/WordPress/gutenberg/issues/39651
• https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Guidelines

Review the team guidelines

Workshop Development Checklist

• Vetted by instructional designers for content idea
• Provide feedback of the idea
• Gather links to Support and Developer Docs
• Consider any MarComms (marketing communications) resources and link to those
• Review any related material on Learn
• Define several SEO keywords to use in the article and where they should be prominently used
• Description and Objectives finalized
• Create an outline of the workshop
• Workshop submitted to the team for Q/A review https://blog.wordpress.tv/submission-guidelines/ & https://make.wordpress.org/training/2021/08/17/proposal-brand-guidelines-for-learn-wordpress-content/
• Workshop submitted to WPTV https://wordpress.tv/submit-video/
• Workshop published on WPTV
• Workshop is captioned https://learn.wordpress.org/handbook/handbook/workshop-captions-and-transcripts/
• Workshop created on Learn.WordPress.org
• Workshop post is reviewed for grammar, spelling, etc.
• Workshop published on Learn.WordPress.org
• Workshop announced to training team
• Workshop announced to creator
• Workshop announced to Marketing Team for promotion
• Gather feedback from workshop viewers/participants

Start by reading the MDN Flexbox guide, the linked Gutenberg issue, and the Learn team guidelines. Develop the workshop around plain HTML/CSS Flexbox and Site Editor Flex settings, then follow the listed review, submission, captioning, publication, announcement, and feedback steps until the workshop is published on Learn.WordPress.org.