<template>
    <div class="n-flex">
        <div class="p-medium align-center bg-primary-fade col-12 md:col-1">
            1
        </div>
        <div class="p-medium align-center bg-primary-fade col-12 md:col-2">
            2
        </div>
        <div class="p-medium align-center bg-primary-fade col-12 md:col-3">
            3
        </div>
        <div class="p-medium align-center bg-primary-fade col-12 md:col-3">
            3
        </div>
        <div class="p-medium align-center bg-primary-fade col-12 md:col-narrow">
            Narrow
        </div>
        <div class="p-medium align-center bg-primary-fade col-12 md:col-auto">
            Auto
        </div>
    </div>
</template>
