MAVO | App 2: Visualizing Flexbox

MAVO | App 2: Visualizing Flexbox

Flexbox basics made EZ

Learning front-end development using technologies like HTML, CSS, and Javascript is excellent for beginners. It allows us to view all our creative designs in code immediately on any browser. With tools like Flexbox and CSS Grid, there is no excuse for having "janky" page layouts that look unappealing.

With this second application in the MAVO series, you can easily visualize the basic properties in Flexbox by adding new flex items and moving them around its parent container.

Test out the application

See the Source code

DEMO VIDEO

There you go!

I hope that you find the application a useful tool for your development of flexible layouts in the future.