<template>
    <main>
        <h1>Visibility</h1>
        <p class="subheader">Control the visibility, without modifying the display.</p>

        <p>Apply <code class="">.visible</code> or <code class="">.invisible</code> as needed.</p>
        <source-code :height="2"><code class="html" data-lang="html">&lt;div class="visible"&gt;...&lt;/div&gt;
&lt;div class="invisible"&gt;...&lt;/div&gt;</code></source-code>

    </main>
</template>


<script>
export default {
    head: {
        title: 'Visibility'
    },
}
</script>
