Advanced CSS Layouts with Flexbox 1-night Workshop

Skillshare - 35 East 21st Street New York - View Map Girl Develop It NYC
Tue, May 1, 2018, 7:00 PM (EDT)

About this event

This class is a 1-night workshop running from 7:30-9:30pm. **This is an intermediate CSS workshop, so attendees should have working knowledge of CSS positioning and layout (ie. display:block vs. display: inline-block, and floats) to get the most out of this workshop. **

Do you hear everyone talking about Flexbox but have yet to dive in yourself? Have you briefly experimented but find yourself surprised by the results?

Flexbox, or Flexible Box Model, is a set of CSS3 properties for creating a flexible layout. By allowing a set of elements to behave predictably when accommodating various screen sizes and devices, Flexbox solves many of the layout issues developers have been struggling with for years! The days of hacks like floats and positioning are numbered as Flexbox allows us to achieve layouts simply and with cleaner code. With support in all modern browsers / IE10+ and just a few tools and strategies for older browsers, it is possible to start using Flexbox today.


• Flexbox syntax and how it requires us to think about layout in new ways
• Flexbox properties and how they work
• How Flexbox distributes space and and behaves for flexibility in layouts
• How to decide if it makes sense to use Flexbox in your current project


To get the most out of this class, you should have a working knowledge of basic HTML & CSS. We will not be covering the basics in this class. You may have taken Intro or Intermediate HTML/CCS class through Girl Develop It or maybe you have built a site for fun. You know the difference between display: block and display: inline-block and can explain how position: absolute works to a friend.


Your laptop and charger. Note: A netbook or tablet is NOT a substitute.

A modern browser: either Chrome with the "Web Developer" extension or Firefox with Firebug installed.

A text editor. We recommend Sublime Text 2 (free; available for both Mac and PC ( with Autoprefixer ( installed.


Fill out this form ( ) and the organizer will contact you!

Girl Develop It welcomes all genders and identities to our classroom. By entering this group, all community members agree to abide by our Girl Develop It Code of Conduct (

There are no refunds or make-ups for this course unless the class is rescheduled, moved to a different location or cancelled. If you end up being unable to attend any or all of these dates, the entire amount of your tuition will be donated to our scholarship fund to help other women who need financial assistance. Thank you for understanding.

We have 100% no drop-ins policy. Students that have not registered on Meetup before the class will not be accepted into the class. Please do not show up to a class without registering via Meetup, you will be turned away.


Sam Provenza is a full-stack designer and CSS enthusiast based in Brooklyn, NY where she shares her passion for new web technologies and perfecting the user experience. She loves being involved with Girl Develop It because it gives her the opportunity to help other women on their coding journey. When she's not glued to her computer, Sam enjoys Pinterest projects and being a cat mom.




Tuesday, May 1
7:00 PM - 9:30 PM (EDT)


35 East 21st Street New York