Olá a todos. A minha implementação ficou ligeiramente diferente e eu gostaria de saber se ela é válida:
.banner-twitter {
padding: 1rem 4.5rem;
background-color: #3C1D3D;
text-decoration: none;
font-size: 50%;
font-family: "Open Sans Condensed", sans-serif;
color: #fff;
position: absolute;
top: 0;
right: 0;
border-style: solid;
border-color: #000;
border-width: thick;
transform-origin: 0 0;
transform: translateX(46%) translateY(-70%) rotate(45deg);
}
o link ficou como filha da tag header
.
Eu não usei essa conta que foi mostrada no exercício eu fui testando as porcentagens do translate
de olho mesmo.
Alterando a fonte, aparentemente nada quebra.
É válido dessa forma?