public/website
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Footer verdelen in 3 kolommen met responsive layout

Browse source
This commit is contained in:
Michael Boelen 2023-05-19 16:15:21 +02:00
parent adf4973a90
commit c2cebbc592
2 changed files with 52 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

22
themes/nluug/assets/scss/styles.scss
View file

@ -256,7 +256,29 @@ img {
.tags li {
display: inline;
}
i
/* Kolommen voor de footer */
// container
.three-column-grid {
display:block;
}
/* columns */
.three-column-grid > * {
padding:1rem;
}
@media (min-width:768px) {
.three-column-grid {
display: grid;
grid-auto-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
}
/* Width definitions */
.w-10 { width: 10%; }
.w-20 { width: 20%; }
.w-30 { width: 30%; }