homepage/src/lib/components/Recipes.svelte
2023-06-25 10:17:12 +02:00

37 lines
479 B
Svelte

<script>
export let title
let overflow
</script>
<style>
.wrapper{
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 2.5rem;
justify-content: center;
}
h2{
max-width: 1000px;
margin-left: 5rem;
margin-bottom: 0;
font-size: 3rem;
margin-bottom: 1rem;
}
section:not(:has(h2)){
padding-top: 4rem;
}
section{
overflow: hidden;
padding-bottom: 3.7rem;
}
</style>
<section>
{#if title}
<h2>{title}</h2>
{/if}
<div class=wrapper>
<slot></slot>
</div>
</section>