firq-dev-website/src/pages/index.astro

45 lines
859 B
Text
Raw Normal View History

2023-01-15 17:53:19 +01:00
---
import Layout from '../layouts/Layout.astro';
import ServantCard from '../components/servantCard.astro';
---
<Layout title="Firq TA on Astro.">
<main>
<div class="servant-section">
<h1 class="section-title">Servant offering</h1>
<div class="servants-container container">
<ServantCard
name="Skadi"
level="120"
skills="10 / 10 / 10"
np="NP4"
asc="03"
ml="10"
bond10="true"
/>
</div>
</div>
</main>
</Layout>
<style>
.servants-container {
row-gap: 1em;
column-gap: 1em;
justify-content: center;
align-self: center;
}
.container {
display: flex;
flex-flow: row wrap;
padding: 1em;
position: relative;
}
.servant-section {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
</style>