Have a pretty decent handle on the basics of CSS, but want to dive deeper into the specifics of layout and positioning? Interested in learning how to harness the power of styling and to properly apply it in order to accomplish your layout aims?

CSS is a must for a well-rounded developer and is an absolute necessity for frontend developers. By the end of this workshop, you will not only be able to speak intelligibly about layout using CSS, but also leave with the tools to efficiently tackle the layout-related challenges that come your way.

You'll get practice with layout techniques like display modes and floats, learn to discern the difference between the various positioning and spacing options, and even get an introduction to Flexbox and Grid. Finally, you'll apply your newly acquired knowledge to construct a layout for a simple web page.

This event will feature a mix of lecture, pair programming, and hands-on exercises — all in the name of taking your CSS skills to the next level.

*SCHEDULE*
6:00PM - Doors Open
6:30PM - Lecture/Exercises
7:15PM - Break
7:25PM- Lecture/Exercises
8:00PM - Event Ends

*TOPICS COVERED*
• Positioning elements (inline, absolute, relative, fixed, static)
• Spacing (margin, padding)
• Floats
• Introduction to Flexbox and Grid

*PREREQUISITES*
Attendees must be familiar with HTML tags, attributes and CSS selectors.

*TECH REQUIREMENTS*
• Your laptop (and charger)
• A modern web browser (Chrome, Firefox, Safari)

*ABOUT THE TEACHER*
Alissa is currently a Lead Instructor at Rithm School. Over the years, she’s worked in both enterprise and startup environments, in frontend and full-stack roles, in-office and remotely, on teams ranging from 4 to 126 engineers. Her most recent position was engineer #3 at a startup that married machine learning with social media advertising, where she took on the additional responsibilities of their AWS pipeline and data science engineering.

If you have any questions or concerns prior to this meetup, please reach out to the Rithm Team by emailing info@rithmschool.com.