initial commit

components/Container.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+defineProps({
+  center: Boolean,
+});
+</script>
+
+<template>
+  <div :class="['container', { center: center }]">
+    <slot />
+  </div>
+</template>
+
+<style scoped>
+.container {
+  display: flex;
+  justify-content: space-between;
+  max-width: var(--max-width);
+  width: 100%;
+  gap: 2rem;
+}
+@media screen and (max-width: 600px) {
+  .container {
+    flex-direction: column;
+  }
+}
+.center {
+  align-items: center;
+}
+</style>