Read: 03 - Flexbox and Templating
Mustache.js
Mustache template without conditional statements, only tags, some which are replaced out all together to better ready from a json file.
Easily installed with Yarn (at least in the provided example), we can see that templating can be done quickly.
Features of Flexbox
Create baselines and organize your content
One of the best features in my opinion using Flex box is that we can set up different content in the parent container to display and have general layout regardless of the presentation of the content.
For example, we can easily decide on how to vertically align content even if they are different in their height, widths, or even types.
Aligns content
We can specify how we want the content without having to go thru the steps of styling the individual margins: want to justify? Just use align content space around. Want to have it all display from the bottom? Just use
Flexbox Froggy
The Flexbox froggy is a good learning tool we can take advantage of by guiding our frog to its lilipad home by taking advantage of the commands of the flexbox justify content command and the flex-start, flex-end, center, space-between, space-around commands.
We can thus gain better insight to the previous CSS tricks article on flexbox, but in a practical application setting.
