Files
vhaudiquet.fr/app/components/HeaderBig.vue
T
vhaudiquet 99a943eb36
pipeline / build-and-push-images (push) Successful in 3m12s
Moved to Nuxt
NuxtJS, Vue, real web app

Nuxt content: blog

Better mobile/responsive design and practices

Better practices overall
2025-11-18 20:59:23 +01:00

18 lines
877 B
Vue

<template>
<div class="sm:mt-12 mt-7 m-auto w-fit sm:flex-row flex-col flex">
<img class="sm:w-[400px] sm:h-[400px] xl:self-auto self-center w-[80%] h-auto rounded-full"
src="~/assets/img/photo_web.JPG"/>
<div class="xl:ml-[90px] ml-0 flex flex-col xl:items-end items-center">
<h1 class="sm:text-8xl text-5xl mt-2 mb-2 xl:text-right text-center">
Valentin Haudiquet
</h1>
<h4 class="sm:text-4xl text-3xl mt-2 mb-2 xl:text-right text-center">
Software Engineer at Canonical - Ubuntu
</h4>
<p class="sm:text-4xl text-2xl sm:mr-[-3px] sm:ml-0 mr-1 ml-1 max-w-[770px] font-extralight xl:text-right text-center" id="header-paragraph">
Working on Ubuntu support for RISC-V architecture
</p>
</div>
</div>
</template>