Scaffolding for Flexbox Styling

CS Discoveries Resources, Tools, Differentiation
1

(Student Scaffold) Div Containers & Flexbox Styling

I created a tool to help students explore flexbox properties and become more independent problem-solvers without the need for memorizing all the values for each category.

In contrast to how the properties are taught in lesson 12, it is more of a “sandbox” where students can quickly see the effects of multiple properties by toggling combinations of properties and values.

It can be used as-is, or, students who feel ready for it can remix and customize the number of flex items, add more div containers, etc.

I’d love feedback on others ways to use it as a scaffold in the classroom or how to improve it.

2

Woooaahhh!!! Happy holidays to me!

this is amazing. Thanks for all the work you put into it. It will certainly be valuable and I’m going to use it in my web classes when I teach flex box. It’s also a great example of the code.org philosophy of discovery over explicit memorization of rules.

thank you!

Mike

1 Like
3

Hope it proves useful for your students :slight_smile:

4

Such a useful resource!!! Thank you @mgariepy !