Create a Function for Flexbox Layout (it will fix flexbox perfectly accross multiple rows)

In this video, we'll write a function that gives us total control over the number of flex items being displayed on one line . The function will help us display equally sized and spaced items that line up perfectly across multiple lines. Resources Function directives – Sass docs Videos CSS Flexbox Layout – course how to fix it? 1. set gutter:10px 2. set the card margin value: $gutter; 3. make a formula: g-pct: gutter percentage. g-total: gutter total. items: flexbox. per-line: in one line. 4. set _card.css, different min-width, with different flexboxes on one line. 5. check css, you will see: Now, look the browser: