firq-dev-website/src/layouts/baseSection.astro

47 lines
735 B
Text
Raw Normal View History

---
export interface Props {
2023-03-09 10:44:18 +00:00
title: string
}
2023-03-09 10:44:18 +00:00
const { title } = Astro.props
---
<div>
2023-03-09 10:44:18 +00:00
<h1>{title}</h1>
<div>
<slot />
</div>
</div>
<style>
2023-03-09 10:44:18 +00:00
div {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
div > div {
row-gap: 1em;
column-gap: 1em;
justify-content: center;
align-self: center;
display: flex;
flex-flow: row wrap;
padding: 1em;
position: relative;
}
div > h1 {
color: white;
margin: 0.5rem 0px 0.5rem 0.5em;
padding: 0.25rem 0.75rem;
width: max-content;
background-color: var(--c-darkgray);
}
@media (min-width: 512px) {
div {
2023-03-09 10:44:18 +00:00
row-gap: 1.5em;
column-gap: 1.5em;
}
2023-03-09 10:44:18 +00:00
}
</style>