---
import PageLayout from "../layouts/PageLayout.astro";
---

<PageLayout>
  <div class="h-[90vh] w-[90vh] flex flex-col justify-center gap-7">
    <h1 class="text-3xl font-bold text-neutral-100">Einige meiner Skills:</h1>
    <div class="h-1/2 w-full flex flex-row flex-wrap justify-around">
      <img class="h-24 object-scale-down aspect-square p-3" src="/img/angular.svg.png" alt="" />
      <img class="h-24 object-scale-down aspect-square p-3" src="/img/typescript.svg.png" alt="" />
      <img class="h-24 object-scale-down aspect-square p-3" src="/img/javascript.png" alt="" />
      <img class="h-24 object-scale-down aspect-square p-3" src="/img/laravel.svg.png" alt="" />
      <img class="h-24 object-scale-down aspect-square p-3" src="/img/docker.png" alt="" />
      <img class="h-24 object-scale-down aspect-square p-3" src="/img/php.svg" alt="" />
      <img class="h-24 object-scale-down aspect-square p-3" src="/img/react.png" alt="REACT" />
    </div>
  </div>
</PageLayout>