Para quem ainda não conseguiu mesmo com a ajuda da Fernanda aqui vai o código que usei e deu certo pra mim: .home-img { border-right: solid 0.6rem; border-bottom: solid 0.6rem; border-image-slice: 1; border-image-source: linear-gradient(135deg, transparent 57%, var(--main-color)); }
Opa qual parte do código vc faz o alinhamento das imagens em projeto ?? Pois no vídeo 06 elas estão de um jeito e no 07 de outro. Meu código está bugando na parte da organização das imagens e eu não estou conseguindo resolver.
No meu também deu erro e não foi. Utilizei esse código e deu certo: .home-img { border-right: solid 1.6rem; border-bottom: solid 1.6rem; border-image: linear-gradient(135deg, transparent 50%, var(--bg-color2)) 1; width: 60%; height: auto; } Porém, aparentemente minha imagem está muito grande e a borda não encaixou perfeitamente. Alguém conseguiu resolver a questão do alinhamento das fotos?
Dentro do .home-img img, .about-img img tu usa margin-bottom: -5%; Se não ficar certo vai diminuindo e se tiver algum lado que tbm não encaixou troque o bottom pelo lado que queira trocar e vai testando
Top! Gratidão!
Obrigado pelo conteúdo!
Para quem ainda não conseguiu mesmo com a ajuda da Fernanda aqui vai o código que usei e deu certo pra mim:
.home-img {
border-right: solid 0.6rem;
border-bottom: solid 0.6rem;
border-image-slice: 1;
border-image-source: linear-gradient(135deg, transparent 57%, var(--main-color));
}
o meu não foi aquele quando ele passar o mouse em cima e aparecer, a bordar não quer conectar com o projeto
Faço igual e dá problema no meu, fiz duas vezes pra garantir e mesmo assim
manda depois o link do github
Opa qual parte do código vc faz o alinhamento das imagens em projeto ?? Pois no vídeo 06 elas estão de um jeito e no 07 de outro.
Meu código está bugando na parte da organização das imagens e eu não estou conseguindo resolver.
faça dessa maneira que irá corrigir:
.home-img {
border-right: solid 1.6rem;
border-bottom: solid 1.6rem;
border-image: linear-gradient(135deg, transparent 50%, var(--bg-color2)) 1;
width: 60%;
height: auto;
}
@@joaopedroflap6708 Obrigada João! Dessa maneira consegui. Vc conseguiu resolver a questão do alinhamento das fotos?
No meu também deu erro e não foi. Utilizei esse código e deu certo:
.home-img {
border-right: solid 1.6rem;
border-bottom: solid 1.6rem;
border-image: linear-gradient(135deg, transparent 50%, var(--bg-color2)) 1;
width: 60%;
height: auto;
}
Porém, aparentemente minha imagem está muito grande e a borda não encaixou perfeitamente. Alguém conseguiu resolver a questão do alinhamento das fotos?
O meu também, ja refiz algumas vezes e nada
Dentro do .home-img img, .about-img img tu usa margin-bottom: -5%;
Se não ficar certo vai diminuindo e se tiver algum lado que tbm não encaixou troque o bottom pelo lado que queira trocar e vai testando
Qual o tamanho dessa foto?
Também gostaria de saber. Conseguiu?