From 94dab665218a5bef30d6ee560d04ddbe7f708255 Mon Sep 17 00:00:00 2001
From: kabrunko-dev <kabrunko.dev@protonmail.com>
Date: Fri, 29 Dec 2023 09:57:24 -0300
Subject: [PATCH] docs(pt): add translation for challenge 21 anchor scrolling

---
 .../challenges/angular/21-achor-scrolling.md   | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 docs/src/content/docs/pt/challenges/angular/21-achor-scrolling.md

diff --git a/docs/src/content/docs/pt/challenges/angular/21-achor-scrolling.md b/docs/src/content/docs/pt/challenges/angular/21-achor-scrolling.md
new file mode 100644
index 0000000..65147c3
--- /dev/null
+++ b/docs/src/content/docs/pt/challenges/angular/21-achor-scrolling.md
@@ -0,0 +1,18 @@
+---
+title: 🟢 Navegação por Âncora
+description: Desafio 21 é sobre navegação dentro de uma página por âncora
+author: thomas-laforge
+challengeNumber: 21
+command: angular-anchor-scrolling
+sidebar:
+  order: 4
+---
+
+## Informação
+
+Você começa com uma aplicação que tem uma navegação básica e navegação por âncora no `HomeComponent`. No entanto, usando `href` recria o caminho toda vez e recarrega a página.
+
+## Declaração
+
+- Sua tarefa é refatorar essa aplicação para usar a ferramenta nativa de navegação para melhor ajuste com o framework Angular. Você pode explorar o roteador, mas é melhor permanecer dentro do template e usar a diretiva `RouterLink`.
+- Para melhorar a experiência do usuário, adicionar rolagem suave.