<template>
    <div class="_display:flex! _flex-wrap:nowrap!" style="max-width: 180px">
        <div>Flex Item</div>
        <div>Flex Item</div>
        <div>Flex Item</div>
        <div>Flex Item</div>
        <div>Flex Item</div>
        <div>Flex Item</div>
    </div>

    <div class="_display:flex! _flex-wrap:wrap!" style="max-width: 400px">
        <div>Flex Item</div>
        <div>Flex Item</div>
        <div>Flex Item</div>
        <div>Flex Item</div>
        <div>Flex Item</div>
        <div>Flex Item</div>
    </div>

    <div class="_display:flex! _flex-wrap:wrap-reverse!" style="max-width: 400px">
        <div>Flex Item</div>
        <div>Flex Item</div>
        <div>Flex Item</div>
        <div>Flex Item</div>
        <div>Flex Item</div>
        <div>Flex Item</div>
    </div>
</template>
