Alinhando itens
Por padrão, textos e imagens são alinhadas a esquerda, porém é possível alinhar textos e imagens como tags html, exemplo:
<h3>Esquerda</h3>
<p> <img src="https://media.giphy.com/media/jpuJkyuJUEHNc62H0L/giphy.gif" alt="gumball dançando" width="200px"></p>
<h3 align="right">Direita</h3>
<p align="right"> <img src="https://media.giphy.com/media/jpuJkyuJUEHNc62H0L/giphy.gif" alt="gumball dançando" width="200px"></p>
<h3 align="center">Centro</h3>
<p align="center"> <img src="https://media.giphy.com/media/jpuJkyuJUEHNc62H0L/giphy.gif" alt="gumball dançando" width="200px"></p>
Redimensionando
Você pode redimensionar o tamanho do gif utilizando o width<img src="<Gif de sua escolha>" alt="<Descrição do gif escolhido>">
Você pode inserir um gif bem pequeno para ficar como um emoji animado, basta não quebrar linha ao adicionar o gif, também, coloque uma dimensão de aproximadamente 50px para encaixar no texto
<img src="<Gif de sua escolha>" alt="<Descrição do gif escolhido>" width="<TAMANHO>px">
Uma das dimensões que eu gosto é a 200px, ela se encaixa perfeitamente nos títulos, exemplo:
Para ficar ao lado do título, é necessário encapsular a imagem dentro da tag de título
<h1><img src="<Gif de sua escolha>" alt="<Descrição do gif escolhido>" width="200px">Em Code Review</h1>
Contribuição
Utilize Issues para incrementar novos GIFS
⚠️ Os gifs estão fixados em uma dimensão de 200px, pode haver gifs com dimensões maiores ou menores⚠️
⚠️ Lembre-se, nem todos podem enxergar, não se esqueça de colocar um alt descrevendo o gif⚠️
GIF | link |
---|---|
me copia | |
me copia | |
me copia | |
me copia | |
me copia | |
me copia | |
me copia | |
me copia | |
me copia | |
me copia | |
me copia | |
me copia | |
me copia |
Utilize o padrão abaixo para inserir mais gifs
| <img src="" alt="" width="200px"> | [me copia]() |