freeCodeCamp · thecodingaviator · May 24, 2019 · May 15, 2019 · May 16, 2019 · May 19, 2019
diff --git a/guide/portuguese/algorithms/greatest-common-divisor-euclidean/index.md b/guide/portuguese/algorithms/greatest-common-divisor-euclidean/index.md
@@ -33,7 +33,7 @@ O Algoritmo Euclidiano encontra o GCD de 2 números.
 
 Você entenderá melhor esse Algoritmo ao vê-lo em ação. Supondo que você queira calcular o GCD de 1220 e 516, vamos aplicar o Algoritmo Euclidiano -
 
-Supondo que você queira calcular o GCD de 1220 e 516, vamos aplicar o Algoritmo Euclidiano - ![Exemplo Euclidiano](https://i.imgur.com/aa8oGgP.png)
+Supondo que você queira calcular o GCD de 1220 e 516, vamos aplicar o Algoritmo Euclidiano - ![Exemplo Euclidiano](https://cdn-media-1.freecodecamp.org/imgr/aa8oGgP.png)
 
 Pseudocódigo do Algoritmo  
 Etapa 1: **Seja `a, b` os dois números**  

diff --git a/...gn/applied-visual-design/create-a-horizontal-line-using-the-hr-element/index.md b/...gn/applied-visual-design/create-a-horizontal-line-using-the-hr-element/index.md
@@ -23,7 +23,7 @@ Este elemento é de fechamento automático, mas para ser amigável com analisado
 
 Qualquer que seja o formato escolhido, você criará uma linha horizontal, como [nesta lição,](https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element/) no [freeCodeCamp](https://www.freecodecamp.org/) . Aqui está uma captura de tela da lição que mostra um elemento `hr` contido em uma div.
 
-![Exemplo h](https://i.imgur.com/RMTqXPw.png)
+![Exemplo h](https://cdn-media-1.freecodecamp.org/imgr/RMTqXPw.png)
 
 ## Recursos:
 

diff --git a/guide/portuguese/computer-science/dynamic-programming/index.md b/guide/portuguese/computer-science/dynamic-programming/index.md
@@ -12,7 +12,7 @@ Um exemplo com a série de Fibonacci que é definida como:
 
 Esta é a árvore para encontrar F (5):
 
-![Árvore da série de Fibonacci](https://i.stack.imgur.com/59Rpw.png)
+![Árvore da série de Fibonacci](https://cdn-media-1.freecodecamp.org/imgr/59Rpw.png)
 
 Para calcular F (5), será necessário calcular muitas vezes o mesmo F (i). Usando recursão:
 

diff --git a/guide/portuguese/cplusplus/compilers/index.md b/guide/portuguese/cplusplus/compilers/index.md
@@ -20,7 +20,7 @@ Digamos que você tenha um arquivo C ++ chamado `helloWorld.cpp` …
 
 #### Usando e IDE como CodeBlocks
 
-É tão simples quanto clicar nos botões build e run, eles irão criar um arquivo na pasta do projeto. ![img](https://i.imgur.com/FwZuFGy.png)
+É tão simples quanto clicar nos botões build e run, eles irão criar um arquivo na pasta do projeto. ![img](https://cdn-media-1.freecodecamp.org/imgr/FwZuFGy.png)
 
 #### Usando o prompt de comando
 

diff --git a/guide/portuguese/cplusplus/index.md b/guide/portuguese/cplusplus/index.md
@@ -1,7 +1,8 @@
----
-title: C++
-localeTitle: C ++
----# Olá Mundo! - Seu primeiro programa C ++
+---
+title: C++
+localeTitle: C ++
+---
+# Olá Mundo! - Seu primeiro programa C ++
 
 ## O que é o C ++?
 
@@ -78,8 +79,8 @@ int main()
 *   Não se esqueça de informar ao computador que este é o fim da função main (). Para fazer isso, você adiciona a chave de fechamento "}". Você encontrará um erro antes da execução do programa se você não incluir o **}** .
 
 ### O código deve ser algo como isto:
-
-![Img](https://i.imgur.com/d1liGwI.png)
+https://cdn-media-1.freecodecamp.org/imgr/
+![Img](https://cdn-media-1.freecodecamp.org/imgr/d1liGwI.png)
 
 Os programadores usam um programa Hello World (como este) como um ritual no uso de uma nova linguagem de programação. É um símbolo de boa sorte.  
 _Você terminou de codificar seu primeiro programa C ++ e entendeu a maior parte do código que você escreveu / digitou. PARABÉNS!_

diff --git a/guide/portuguese/cplusplus/lists/index.md b/guide/portuguese/cplusplus/lists/index.md
@@ -4,7 +4,7 @@ localeTitle: Listas de C ++
 ---
 # O que é uma lista STL?
 
-Listas em C ++ são uma ferramenta poderosa semelhante ao seu primo mais conhecido, o C ++ Vectors. Enquanto os vetores são um contêiner seqüencial Onde os elementos são indexados em uma cadeia contínua, as listas também são um contêiner seqüencial, mas são organizadas de maneira diferente. Elementos de lista apontam para o próximo elemento, então todos os elementos são ordenados em seqüência, mas não usam indexação. Como? Você pode perguntar. Eles fazem isso não indexando, mas usando uma ferramenta especial chamada iteradores. Iteradores são como ponteiros especiais cujo trabalho é manter a ordem dos elementos da lista como a ligação entre dois vagões de trem. Aqui está um bom visual de como as listas são organizadas em comparação com vetores e matrizes. ![img](https://imgur.com/SiU8uTe.png)
+Listas em C ++ são uma ferramenta poderosa semelhante ao seu primo mais conhecido, o C ++ Vectors. Enquanto os vetores são um contêiner seqüencial Onde os elementos são indexados em uma cadeia contínua, as listas também são um contêiner seqüencial, mas são organizadas de maneira diferente. Elementos de lista apontam para o próximo elemento, então todos os elementos são ordenados em seqüência, mas não usam indexação. Como? Você pode perguntar. Eles fazem isso não indexando, mas usando uma ferramenta especial chamada iteradores. Iteradores são como ponteiros especiais cujo trabalho é manter a ordem dos elementos da lista como a ligação entre dois vagões de trem. Aqui está um bom visual de como as listas são organizadas em comparação com vetores e matrizes. ![img](https://cdn-media-1.freecodecamp.org/imgr/SiU8uTe.png)
 
 ## Como declarar uma lista
 

diff --git a/guide/portuguese/cplusplus/preprocessors/index.md b/guide/portuguese/cplusplus/preprocessors/index.md
@@ -6,7 +6,7 @@ localeTitle: Pré-processadores
 
 Como o nome sugere, os pré-processadores são programas que processam nosso código-fonte antes da compilação. Há vários passos envolvidos entre escrever um programa e executar um programa em C / C ++. Vamos dar uma olhada nestes passos antes de começarmos a aprender sobre os pré-processadores.
 
-![Img](https://i.imgur.com/Pb0aTkV.png)
+![Img](https://cdn-media-1.freecodecamp.org/imgr/Pb0aTkV.png)
 
 Você pode ver as etapas intermediárias no diagrama acima. O código fonte escrito pelos programadores é armazenado no arquivo program.c. Este arquivo é então processado por pré-processadores e um arquivo de código-fonte expandido é gerado programa nomeado. Este arquivo expandido é compilado pelo compilador e um arquivo de código de objeto é gerado chamado program.obj. Finalmente, o vinculador vincula esse arquivo de código de objeto ao código de objeto das funções de biblioteca para gerar o arquivo executável program.exe.
 

diff --git a/guide/portuguese/cplusplus/tokens-variables/index.md b/guide/portuguese/cplusplus/tokens-variables/index.md
@@ -1,7 +1,8 @@
----
-title: Tokens Part 1
-localeTitle: Tokens Parte 1
----### O que são tokens?
+---
+title: Tokens Part 1
+localeTitle: Tokens Parte 1
+---
+### O que são tokens?
 
 Tokens são as menores unidades de um programa que são importantes para o compilador. Existem diferentes tipos de tokens:
 
@@ -21,8 +22,8 @@ Tokens são as menores unidades de um programa que são importantes para o compi
 ### O que são variáveis?
 
 *   Definição de livro de texto: As variáveis são nomeadas locais de memória cujos dados podem ser alterados.
-
-*   Mas eu gostaria que você pensasse em uma variável para ser algo como uma caixa, algo assim: ![Img](https://i.imgur.com/YdbgWHL.png)
+    https://cdn-media-1.freecodecamp.org/imgr/
+*   Mas eu gostaria que você pensasse em uma variável para ser algo como uma caixa, algo assim: ![Img](https://cdn-media-1.freecodecamp.org/imgr/YdbgWHL.png)
 
 
 Então, por exemplo: Estou mudando para um novo lugar e preciso arrumar minhas coisas em caixas. Assim, vêm 2 coisas para minha mente **Que tipo de material será armazenado na caixa, de modo que o tamanho da caixa seja conhecido (o tipo de dados)** e **Como eu identifico a caixa? (Nomeando a variável)**  
@@ -176,8 +177,8 @@ Exemplo:
 Se uma variável não for inicializada, ela contém um valor de lixo. Por exemplo:
 
 Então, em termos de caixas, você pode imaginar isso como -
-
-![Img](https://i.imgur.com/YdbgWHL.png)
+https://cdn-media-1.freecodecamp.org/imgr/
+![Img](https://cdn-media-1.freecodecamp.org/imgr/YdbgWHL.png)
 
 \`\` \`cpp #incluir usando namespace std; int main () { int a; cout << "Valor do lixo em a:" << a << endl; // declarando a variável chamada 'a' do tipo inteiro a = 5; // initializing variable. cout << "Novo valor em um" << a << endl;
 

diff --git a/guide/portuguese/css/css3-gradients/index.md b/guide/portuguese/css/css3-gradients/index.md
@@ -24,7 +24,7 @@ background: linear-gradient(direction, color-stop1, color-stop2, ...);
 
 ##### Gradiente linear - de cima para baixo (este é o padrão)
 
-O exemplo a seguir mostra um gradiente linear que começa no topo. Começa vermelho, fazendo a transição para amarelo: ![gradiente linear padrão](https://i.imgur.com/2uGfleD.jpg)
+O exemplo a seguir mostra um gradiente linear que começa no topo. Começa vermelho, fazendo a transição para amarelo: ![gradiente linear padrão](https://cdn-media-1.freecodecamp.org/imgr/2uGfleD.jpg)
 
 #### Exemplo
 ```
@@ -55,11 +55,11 @@ O exemplo a seguir mostra um gradiente linear que começa no topo. Começa verme
  </html> 
 ```
 
-![gradiente linear padrão](https://i.imgur.com/CvtXCMd.jpg)
+![gradiente linear padrão](https://cdn-media-1.freecodecamp.org/imgr/CvtXCMd.jpg)
 
 ##### Gradiente Linear - da esquerda para a direita
 
-O exemplo a seguir mostra um gradiente linear que começa a partir da esquerda. Começa vermelho, fazendo a transição para amarelo: ![esquerda para a direita](https://i.imgur.com/e4dRvZR.jpg)
+O exemplo a seguir mostra um gradiente linear que começa a partir da esquerda. Começa vermelho, fazendo a transição para amarelo: ![esquerda para a direita](https://cdn-media-1.freecodecamp.org/imgr/e4dRvZR.jpg)
 
 #### Exemplo
 ```
@@ -90,15 +90,15 @@ O exemplo a seguir mostra um gradiente linear que começa a partir da esquerda.
  </html> 
 ```
 
-![esquerda para a direita](https://i.imgur.com/k4FSyXz.jpg)
+![esquerda para a direita](https://cdn-media-1.freecodecamp.org/imgr/k4FSyXz.jpg)
 
 #### Gradiente Linear - Diagonal
 
 Você pode fazer um gradiente na diagonal, especificando as posições iniciais horizontal e vertical.
 
 O exemplo a seguir mostra um gradiente linear que começa no canto superior esquerdo (e vai para o canto inferior direito). Começa vermelho, fazendo a transição para amarelo:
 
-![diagonal](https://i.imgur.com/YvtbUBH.jpg)
+![diagonal](https://cdn-media-1.freecodecamp.org/imgr/YvtbUBH.jpg)
 
 #### Exemplo
 ```
@@ -129,7 +129,7 @@ O exemplo a seguir mostra um gradiente linear que começa no canto superior esqu
  </html> 
 ```
 
-![diagonal-exp](https://i.imgur.com/8gKRhAp.jpg)
+![diagonal-exp](https://cdn-media-1.freecodecamp.org/imgr/8gKRhAp.jpg)
 
 #### Mais Informações:
 

diff --git a/guide/portuguese/css/layout/flexbox/flex-grow/index.md b/guide/portuguese/css/layout/flexbox/flex-grow/index.md
@@ -8,11 +8,11 @@ A propriedade flex-grow é uma propriedade flexbox que permite especificar a alo
 
 Isso vai transformar seu contêiner
 
-![](https://i.imgur.com/lFJaBUfh.png)
+![](https://cdn-media-1.freecodecamp.org/imgr/lFJaBUfh.png)
 
 # **para isso**
 
-![](https://i.imgur.com/4X8ITZih.png)
+![](https://cdn-media-1.freecodecamp.org/imgr/4X8ITZih.png)
 
 O que acabou de acontecer?
 
@@ -49,7 +49,7 @@ Vamos ver um exemplo.
 
 Primeiro vamos criar dois parágrafos e ativar a exibição: flex;
 
-![](https://i.imgur.com/wPqUgsih.png)
+![](https://cdn-media-1.freecodecamp.org/imgr/wPqUgsih.png)
 
 Observe algumas coisas
 
@@ -60,7 +60,7 @@ Esse espaço vazio é o "espaço livre" que será alocado para cada um dos difer
 
 Para ver isso em ação, vamos dar ao primeiro uma classe de "dez" e uma propriedade de flex-grow de 1. Vamos também dar ao segundo uma classe de "vinte" e uma propriedade flex-grow de 2.
 
-![](https://i.imgur.com/7n0V1G4h.png)
+![](https://cdn-media-1.freecodecamp.org/imgr/7n0V1G4h.png)
 
 Observe algumas coisas
 
@@ -69,6 +69,6 @@ Observe algumas coisas
 
 À medida que redimensionamos a tela, também descobrimos que a primeira encolhe a duas vezes a velocidade da segunda.
 
-![](https://i.imgur.com/pa4grM8h.png)
+![](https://cdn-media-1.freecodecamp.org/imgr/pa4grM8h.png)
 
 #### Mais Informações:
diff --git a/guide/portuguese/css/properties/background-position-property/index.md b/guide/portuguese/css/properties/background-position-property/index.md
@@ -11,7 +11,7 @@ A propriedade background define a posição de onde a imagem de fundo deve come
 ```css
 /* setting background-image of HTML doc */ 
  body { 
-  background-image: url('https://i.imgur.com/6Z2VStD.png'); 
+  background-image: url('https://cdn-media-1.freecodecamp.org/imgr/6Z2VStD.png'); 
   background-repeat: no-repeat; 
   background-position: right top; 
  } 

diff --git a/guide/portuguese/css/using-css-animations/index.md b/guide/portuguese/css/using-css-animations/index.md
@@ -63,7 +63,7 @@ Para a parte CSS:
  } 
 ```
 
-![Imgur](https://imgur.com/sczZjwm.gif)
+![Imgur](https://cdn-media-1.freecodecamp.org/imgr/sczZjwm.gif)
 
 #### Mais Informações:
 

diff --git a/guide/portuguese/git/difference-git-github/index.md b/guide/portuguese/git/difference-git-github/index.md
@@ -6,7 +6,7 @@ localeTitle: Diferença entre o Git e o GitHub
 
 Git e GitHub são duas coisas diferentes. [O Git](https://git-scm.com/) é o [sistema de controle de versão](https://en.wikipedia.org/wiki/Version_control) , enquanto o [GitHub](https://github.com/) é um serviço para hospedar Git repos e ajudar as pessoas a colaborarem na criação de software. No entanto, eles são muitas vezes confundidos por causa de seu nome semelhante, devido ao fato de que o GitHub se baseia no Git e porque muitos sites e artigos não fazem a diferença entre eles.
 
-![Git não é o GitHub](https://i.imgur.com/EkjwJdr.png)
+![Git não é o GitHub](https://cdn-media-1.freecodecamp.org/imgr/EkjwJdr.png)
 
 ### Git
 

diff --git a/guide/portuguese/html/layouts/index.md b/guide/portuguese/html/layouts/index.md
@@ -8,7 +8,7 @@ Os layouts organizam diferentes áreas da página da web.
 
 Quase todas as páginas da web que vemos podem ser divididas em caixas, que podem ser organizadas em ordem específica para criar essa página da web. A imagem abaixo é um desses exemplos.
 
-![Exemplo de Website Design - www.codementor.io](http://i.imgur.com/Z1DSMYC.png)
+![Exemplo de Website Design - www.codementor.io](https://cdn-media-1.freecodecamp.org/imgr/Z1DSMYC.png)
 
 > Os sites geralmente exibem conteúdo em várias colunas (como uma revista ou jornal).
 

diff --git a/guide/portuguese/java/access-modifiers/index.md b/guide/portuguese/java/access-modifiers/index.md
@@ -14,7 +14,7 @@ Estes modificadores de acesso podem ser aplicados a campos, métodos e classes (
 
 #### Referência da Tabela de Modificadores de Acesso:
 
-![Tabela de modificadores de acesso](https://i.imgur.com/zoMspyn.png)
+![Tabela de modificadores de acesso](https://cdn-media-1.freecodecamp.org/imgr/zoMspyn.png)
 
 #### Modificador de Acesso Privado
 

diff --git a/guide/portuguese/java/javafx/index.md b/guide/portuguese/java/javafx/index.md
@@ -14,7 +14,7 @@ Gulon Scene Builder é um aplicativo usado para design de interface do usuário
 
 #### Screeenshots:
 
-![IU do Construtor de Cena](https://i.imgur.com/3d9SqBR.png)
+![IU do Construtor de Cena](https://cdn-media-1.freecodecamp.org/imgr/3d9SqBR.png)
 
 ### FXML
 

diff --git a/guide/portuguese/javascript/concurrency-model-and-event-loop/index.md b/guide/portuguese/javascript/concurrency-model-and-event-loop/index.md
@@ -33,7 +33,7 @@ Então, para resumir sempre que uma função é chamada, ela é colocada na pilh
 
 Agora sabemos disso que o Javascript pode executar uma coisa de cada vez, mas esse não é o caso do Navegador. O Navegador tem seu próprio conjunto de APIs como setTimeout, XMLHttpRequests que não são especificadas no tempo de execução de Javascript. Na verdade, se você observar o código-fonte do V8, o popular runtime Javascript que dá suporte a navegadores como o Google Chrome, você não encontrará nenhuma definição para ele. É porque essas APIs especiais existem no ambiente do navegador, não dentro do ambiente javascript, e você pode dizer que essas APIs introduzem a simultaneidade na mistura. Vamos ver um diagrama para entender a imagem inteira.
 
-![Concorrência e Modelo de Loop de Eventos](https://i.imgur.com/rnQEY7o.png)
+![Concorrência e Modelo de Loop de Eventos](https://cdn-media-1.freecodecamp.org/imgr/rnQEY7o.png)
 
 Mais alguns termos são introduzidos
 

diff --git a/...script/tutorials/how-to-create-a-dropdown-menu-with-css-and-javascript/index.md b/...script/tutorials/how-to-create-a-dropdown-menu-with-css-and-javascript/index.md
@@ -14,15 +14,15 @@ Isso é direcionado a desenvolvedores que têm um entendimento médio de HTML, C
 
 Tela inicial:
 
-![](https://i.imgur.com/jrnu6mE.png)
+![](https://cdn-media-1.freecodecamp.org/imgr/jrnu6mE.png)
 
 Dropdown aberto:
 
-![](https://i.imgur.com/gszPtRa.png)
+![](https://cdn-media-1.freecodecamp.org/imgr/gszPtRa.png)
 
 Dropdown com a opção selecionada:
 
-![](https://i.imgur.com/TKXxZGF.png)
+![](https://cdn-media-1.freecodecamp.org/imgr/TKXxZGF.png)
 
 #### HTML:
 

diff --git a/guide/portuguese/logic/monty-hall-problem/index.md b/guide/portuguese/logic/monty-hall-problem/index.md
@@ -10,11 +10,11 @@ O problema define da seguinte maneira; Você está em um game show e há 3 porta
 
 Acontece que a escolha é importante e é realmente para o seu benefício para mudar sua decisão para a porta 3! Aqui está o porquê. Quando você escolheu a Porta 1 das 3 portas fechadas, você teve uma chance de 1 em 3 de escolher a direita. Tanto a porta 2 como a porta 3 também têm 1 em cada 3 chances de ter um carro atrás dela. Você também pode dizer que as Portas 2 e 3 têm 2 de 3 chances de ter um carro atrás dele _combinado_ .
 
-![Probability before revealing a goat](https://i.imgur.com/8EsVvZk.png "Probabilidade antes de revelar uma cabra")
+![Probability before revealing a goat](https://cdn-media-1.freecodecamp.org/imgr/8EsVvZk.png "Probabilidade antes de revelar uma cabra")
 
 Agora, quando o host abre a porta 2 e contém uma cabra, você agora tem mais informações sobre o problema. Lembre-se que as Portas 2 e 3 têm uma probabilidade combinada contendo um carro 2 / 3rds do tempo. Com a porta revelada, você sabe que a porta 2 não tem carro. Mas essa revelação não altera a probabilidade combinada das duas portas. Essa é a chave aqui! Como agora sabemos que a porta 2 tem 0/3 de chance de exibir um carro, agora você pode dizer que a porta 3 tem uma chance de 2 / 3rds de conter um carro. Combinando as probabilidades da porta 2 e porta 3 ainda somam 2 / 3rds como era antes da porta 2 aberta. A porta 1 permanece inalterada e tem apenas 1/3 de chance. Então, se você decidir mudar você vai de uma chance de 33,33% para 66,67% de escolher o carro. Em outras palavras, você está dobrando suas chances de sucesso trocando de lugar!
 
-![Probability after revealing a goat](https://i.imgur.com/V2JzAka.png "Probabilidade após revelar uma cabra")
+![Probability after revealing a goat](https://cdn-media-1.freecodecamp.org/imgr/V2JzAka.png "Probabilidade após revelar uma cabra")
 
 Sim, é possível que a porta 1 tivesse o carro o tempo todo e Monty enganou você. Isso não importa. Você está apostando, aceitando o acordo, mas está jogando de maneira inteligente. Você toma sua melhor decisão com as informações que lhe são dadas e deixa os dados rolarem. No longo prazo, você realiza uma melhor troca do que um competidor que decide manter sua primeira escolha. No final, Monty realmente se engana oferecendo-lhe um melhor negócio.
 

diff --git a/guide/portuguese/machine-learning/support-vector-machine/index.md b/guide/portuguese/machine-learning/support-vector-machine/index.md
@@ -6,13 +6,13 @@ localeTitle: Máquina de vetores de suporte
 
 Uma Máquina de Vetor de Suporte (SVM) é um classificador discriminativo formalmente definido por um hiperplano de separação. Em outras palavras, dados de treinamento rotulados (aprendizado supervisionado), o algoritmo gera um hiperplano ideal que categoriza novos exemplos. Isso é feito minimizando a margem entre os pontos de dados próximos ao hiperplano.
 
-![SVM vs regressão logística](https://i.imgur.com/KUeOSK3.png)
+![SVM vs regressão logística](https://cdn-media-1.freecodecamp.org/imgr/KUeOSK3.png)
 
 Uma função de custo SVM procura aproximar a função logística com um linear por partes. Este algoritmo ML é usado para problemas de classificação e faz parte do subconjunto de algoritmos de aprendizado supervisionado.
 
 ### A função de custo
 
-![Função de Custo SVM](https://i.imgur.com/SOhv2jZ.png)
+![Função de Custo SVM](https://cdn-media-1.freecodecamp.org/imgr/SOhv2jZ.png)
 
 A função custo é usada para treinar o SVM. Minimizando o valor de J (theta), podemos garantir que o SVM seja o mais preciso possível. Na equação, as funções custo1 e custo0 referem-se ao custo para um exemplo onde y = 1 e o custo para um exemplo onde y = 0. O custo, para SVMs, é determinado pelas funções do kernel (similaridade).
 

diff --git a/guide/portuguese/mathematics/2-by-2-determinants/index.md b/guide/portuguese/mathematics/2-by-2-determinants/index.md
@@ -16,7 +16,7 @@ As linhas e vetores de uma matriz de 2 por 2 podem ser associados a pontos em um
 
 O valor absoluto do determinante é igual à área do paralelogramo.
 
-![](https://upload.wikimedia.org/wikipedia/commons/thumb/a/ad/Area_parallellogram_as_determinant.svg/1044px-Area_parallellogram_as_determinant.svg.png) [Aqui](https://i.stack.imgur.com/gCaz3.png) está uma prova visual interessante dessa propriedade.
+![](https://upload.wikimedia.org/wikipedia/commons/thumb/a/ad/Area_parallellogram_as_determinant.svg/1044px-Area_parallellogram_as_determinant.svg.png) [Aqui](https://cdn-media-1.freecodecamp.org/imgr/gCaz3.png) está uma prova visual interessante dessa propriedade.
 
 Nota: Se o determinante for igual a zero, não há soluções (interseções) para o sistema (as linhas são paralelas).