cv boxes

src/components/TheBox.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+export interface Props {
+  rows?: number
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  rows: 1
+})
+
+</script>
+
+<template>
+  <div class="box">
+    <slot></slot>
+  </div>
+</template>
+
+<style scoped>
+.box {
+  border-radius: 5px;
+  background-color: #e5d9c7;
+  padding: 1em;
+  grid-row-end: span v-bind(props.rows);
+}
+</style>

src/pages/cv.vue

@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import TheBox from '../components/TheBox.vue'
+</script>
+
+<template>
+<article>
+  <TheBox :rows="2">
+  mjau mjau mjau
+  mjau mjau mjau
+  </TheBox>
+  <TheBox>
+  mjau mjau mjau
+  </TheBox>
+  <TheBox>
+  mjau mjau mjau
+  </TheBox>
+  <TheBox>
+  mjau mjau mjau
+  </TheBox>
+</article>
+</template>
+
+<style scoped>
+article {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 1em;
+    grid-auto-flow: row dense;
+}
+</style>