The generated CSS covers the flex container's properties (direction, justify-content, align-items, wrap, gap); individual item styling (like flex-grow) isn't part of this tool's output.
Yes — use the "Number of items" slider to adjust how many sample boxes appear in the live preview.
Yes — adjusting each property live and watching the preview update is a common way to build intuition for how Flexbox properties interact.