ADD: Responsiveness

This commit is contained in:
webfussel 2024-05-21 20:53:30 +02:00
parent 8395825aea
commit 236aa01d6e
7 changed files with 106 additions and 43 deletions

View file

@ -0,0 +1,25 @@
<style scoped src="./Person.css"/>
<template>
<article class="Person flex-col">
<img :src="img" :alt="`Bild von ${name}`" />
<h3>{{name}}</h3>
<p>
<span v-for="tag in tags">{{tag}}</span>
</p>
<p>{{flavour}}</p>
<Button :href="link" target="_blank" rel="noreferrer noopener" label="Zur Homepage" />
</article>
</template>
<script setup lang="ts">
type Props = {
img: string
name: string
tags: string[]
flavour: string
link: string
}
defineProps<Props>()
</script>