Segue o desafio feito por mim com algumas alterações, porém obtendo o mesmo resultado.
Código:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="h-screen">
<div class="bg-gradient-to-r from-blue-300 to-slate-400 p-10 w-1/8 absolute top-1/2 left-1/2 -translate-y-2/4 -translate-x-2/4">
<p class="font-black text-4xl">Gabriel Mendes Rangel</p>
<p class="text-2xl">Desenvolvedor Front-end</p>
</div>
</body>Resultado:
