Benin Flag explainer

The aim of this puzzle: To create the Benin Flag
Walkthrough of the solution: The grasshopper always draws boxes in the same order: Starting in the top left, moving right, then jumps down a row and moves left to right again – like reading a book. If you look at what the first row of what the flag should be, you’ll see it’s: green, yellow, yellow. That means you want to use drawBox('green'), then drawBox('yellow'), then drawBox('yellow') again. To tell the grasshopper to move on to the next row, you use the newLine() function. Next, you’ll do the second row of colors in the flag the same way. It’s green, red, and red again. So you’ll use drawBox() for each of the colors.
There is also a shortcut you can use; instead of using drawBox() for each square, you can use drawBoxes() to do it all at once and just use the first letter of each color. The first row is done with drawBoxes('gyy'), and the second row is drawBoxes('grr'). Even better than putting a newLine() in between the two drawBoxes() commands, you can use a “space” inside of drawBoxes() to go to the next row.
Sample code solution:
(Tap below to reveal)

drawBoxes('gyy grr');

OR

drawBox('green');
drawBox('yellow');
drawBox('yellow');
newLine();
drawBox('green');
drawBox('red');
drawBox('red');

JavaScript Concepts: Calling Functions, Identifiers
Grasshopper Concepts: drawBox(), drawBoxes(), newLine()

How to give space between two boxes instead of bringing it to new line