diff --git a/public/collaborators/aviador.png b/public/collaborators/aviador.png new file mode 100644 index 0000000..28cdb82 Binary files /dev/null and b/public/collaborators/aviador.png differ diff --git a/public/collaborators/kirjan_talo.png b/public/collaborators/kirjan_talo.png deleted file mode 100644 index 248a0e9..0000000 Binary files a/public/collaborators/kirjan_talo.png and /dev/null differ diff --git a/public/collaborators/naantali.png b/public/collaborators/naantali.png new file mode 100644 index 0000000..2eb0538 Binary files /dev/null and b/public/collaborators/naantali.png differ diff --git a/public/collaborators/siltala.png b/public/collaborators/siltala.png new file mode 100644 index 0000000..3f28d0e Binary files /dev/null and b/public/collaborators/siltala.png differ diff --git a/public/collaborators/teos.jpg b/public/collaborators/teos.jpg new file mode 100644 index 0000000..f9fc352 Binary files /dev/null and b/public/collaborators/teos.jpg differ diff --git a/public/collaborators/vaihela.png b/public/collaborators/vaihela.png new file mode 100644 index 0000000..608cf1c Binary files /dev/null and b/public/collaborators/vaihela.png differ diff --git a/src/components/Collaboration.tsx b/src/components/Collaboration.tsx index da46134..3677839 100644 --- a/src/components/Collaboration.tsx +++ b/src/components/Collaboration.tsx @@ -12,6 +12,31 @@ const Collaboration = () => { src='/collaborators/skr.png' alt='Suomen Kulttuurirahaston logo' /> + Naantalin kaupungin logo + Siltalan logo + Teoksen logo + Aviadorin logo + Vaihelan logo diff --git a/styles/Collaboration.module.scss b/styles/Collaboration.module.scss index 87a188c..1b06db6 100644 --- a/styles/Collaboration.module.scss +++ b/styles/Collaboration.module.scss @@ -12,11 +12,21 @@ } .collabLogo { - max-width: 200px; + max-width: 180px; + max-height: 100px; + width: auto; + height: auto; + object-fit: contain; } .collabLogoRow { width: 100%; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + gap: 3rem; + padding: 1.5rem 0; } @media screen and (max-width: 600px) {