feat: center gallery grid

This commit is contained in:
2023-11-13 12:20:10 +01:00
parent 29646d14ae
commit 9f55b88b50
5 changed files with 20 additions and 8 deletions

View File

@ -24,7 +24,7 @@
});
</script>
<div>
<div class="wrapper">
<h1>Gallerie</h1>
<div class="grid">
{#each items as item}
@ -47,7 +47,14 @@
display: grid;
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
padding-bottom: 100px;
justify-content: center;
}
.item {
width: 90%;
margin: 0 auto;
}
h1 {
font-size: 5rem;
font-family: Parisienne, cursive;
@ -87,7 +94,7 @@
background-image: url(/pattern.jpg) !important;
backdrop-filter: brightness(0.5) !important;
}
div {
.wrapper {
max-width: 1300px;
width: 80%;
margin: 0 auto;