feat: center gallery grid
This commit is contained in:
@ -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;
|
||||
|
Reference in New Issue
Block a user