🎃 Flex Grid🎃
👻 Using "Display:Flex" turns this section into a flex container with flex items. 👻
🕷️ Flex items can use "flex-grow", "flex-shrink", and "flex-basis". 🕸️
🦃 Flex Properties
🥧"Flex-Grow"
This allows items to grow to fill the available space.
🐈⬛ "Flex-Shrink"
This allows items to shrink when there is no space available.
"Flex-Basis"
This sets the items to a specific size before they grow or shrink.
🍁 This box spans the entire row using "flex-basis" 🍁
🧙🏻♂️ Scrolling Properties
"Scroll-Snap-Type"
🍗 This allows the items to scroll in the container on an axis. This section uses"Scroll-snap-type:x" to scroll horizontally. 🍗