make site responsive

This commit is contained in:
Tobias Hilfiker
2022-12-22 20:42:12 +01:00
parent 001ef6de56
commit c72fdae71e
4 changed files with 65 additions and 66 deletions

View File

@@ -15,17 +15,19 @@
<h1 class="flex justify-center">Impressionen</h1>
<div class="flex justify-center">
<iframe width="560" height="315" src="https://www.youtube.com/embed/bruNTJCsZPM?controls=0"
<iframe class="w-10/12 md:w-1/2 aspect-video" src="https://www.youtube.com/embed/bruNTJCsZPM?controls=0"
title="YouTube video player"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
<div class="flex flex-col items-center">
<img class="w-1/2 m-10" src="https://res.cloudinary.com/dgyrt6b4m/image/upload/v1671645823/stones_colored.jpg"/>
<img class="w-1/2 m-10"
<img class="w-10/12 md:w-1/2 m-10"
src="https://res.cloudinary.com/dgyrt6b4m/image/upload/v1671645823/stones_colored.jpg"/>
<img class="w-10/12 md:w-1/2 m-10"
src="https://res.cloudinary.com/dgyrt6b4m/image/upload/v1671645801/no_advertisements.jpg"/>
<img class="w-1/2 m-10" src="https://res.cloudinary.com/dgyrt6b4m/image/upload/v1671645802/anti_glare.jpg"/>
<img class="w-10/12 md:w-1/2 m-10"
src="https://res.cloudinary.com/dgyrt6b4m/image/upload/v1671645802/anti_glare.jpg"/>
</div>
</div>