<template>
  <div class="flex">
    <div
      class="cert-technicalCertificates"
      v-for="(cert, index) in 10"
      :key="index"
    >
      <img
        class="cert-image"
        :src="`https://picsum.photos/90/90?random=${index}`"
        alt="certificate"
      />
    </div>
  </div>
</template>

<script setup lang="ts">
defineOptions({ name: 'TechnicalCertificates' })
</script>

<style lang="scss" scoped>
.flex {
  display: flex;
  flex-wrap: wrap;
  gap: 50rpx;
}
.cert-technicalCertificates {
  width: 135rpx;
  height: 191rpx;
  .cert-image {
    width: 100%;
    height: 100%;
  }
}
</style>
