Card para web com HTML e CSS Puro 

Exatamente, existe um mar de tecnologias hoje em dia, e isso é bom, temos mais opções, mas se o simples resolve, por que não usar? Obrigado pelo comentário!

Sim, antigamente era osso de criar alguns efeitos, ainda bem que as tecnologias vem evoluindo. Obrigado por estar acompanhando.

Que legal.. Parabéns!

Obrigado a você pelo feedback, bom saber que foi um conteúdo relevante. Bons estudos!

Muito bem, primeiro por reconhecer que errou, afinal, como desenvolvedores, só definimos comandos para uma máquina atuar. Se passarmos comandos equivocados, a máquina atua de forma equivocada. Outro ponto é que lidar com códigos exige perícia e essa é uma das habilidades que um desenvolvedor aprimora com o tempo. Fico feliz por não ter se conformado com o resultado, mas teve a iniciativa de correr atrás do detalhe para realizar o ajuste que faltava.

Obrigado, continue acompanhando, esses feedbacks me motivam.

Obrigado!

Muito obrigado, fico feliz pelo comentário, abraço!

Sim, é bom ter uma visão mínima antes de iniciar qualquer projeto, eu prefiro rabiscar algo ou criar um protótipo de baixa fidelidade.

Obrigado pela atenção. Ainda não, mas estou amadurecendo a ideia de subir uma plataforma em alguma oportunidade.

Opa, que bom que ajudou. Claro pode usar sim, se possível compartilhe com +1 Dev!

Opa, nesse vídeo estava utilizando a extensão Tabnine: AI Autocomplete, você também pode gostar da extensão Auto Rename Tag, ela te ajuda a modificar as tags HTML/XML.

No card é 12px, no botão do card 4px, você pode conferir todas as propriedades no projeto, o link está na descrição.

Provavelmente são as definições de altura e largura no arquivo css. Confere o seu código com o projeto no GitHub, esse é o link: github.com/tricodando/card-html-css

Nesse caso você precisa definir um layout para essa disposição, uma das possibilidades seria a seguinte: 1. Criar uma div com a propriedade display:flex para envolver as 3 imagens. (Nesse passo você está criando uma faixa com as 3 imagens uma ao lado da outra) 2. Replicar essa div que abraça as imagens por 3 vezes para formar as 3 linhas. (Aqui você está replicando 3 faixas com 3 imagens cada) 3. Por útlimo, criar uma div global que abraça essas div's que formam as linhas com a propriedade display:block. (Nesse último passo você organiza as faixas em bloco, uma faixa abaixo da outra)

Provavelmente deve ser algum detalhe na folha de estilo css. Se preferir pode comparar o seu código com o projeto, esse é o link: github.com/tricodando/card-html-css

Coloca um "DIV" para cada card seu, e tira aquele inicial que cobria todos por fora!

Oi, você pode conferir o projeto na íntegra no repositório do GitHub e comparar os códigos com calma. Acesse esse link: github.com/tricodando/card-html-css

HTML semântico sempre vai ajudar nas buscas, seo, até msm para pessoas com deficiência visual quando o HTML e semântico eles conseguem entender 100% seu site, quando não é simplesmente não aparece informações nenhuma nenhuma orientação ou descrição para eles. Então é boa prática se usar sempre semântico

O colega @hugocruz3613 respondeu perfeitamente, SEO e acessibilidade digital, inclusive a hashtag #PraCegoVer é uma campanha com objetivo de disseminar essa cultura de acessibilidade nas redes sociais, no HTML podemos aplicar esse conceito com o atributo 'alt' nas tags para definir audiodescrições e textos alternativos.

Obrigado Monique, fiquei feliz :D com seu comentário.

Manda mais aiii tá tri bom

Olá, Fabrício, você pode conferir no repositório do projeto, segue o link: github.com/tricodando/card-html-css

emet abreviation... vc digita algo e o codigo se auto-completa.

Alguns detalhes podem mudar dependendo do navegador. Faça o download do projeto pra comparar, o link está na descrição.

Olá, para colocar links você pode usar essa tag de exemplo, basta substituir o endereço e o texto: Texto do Link

Opa, foi no minuto 7:23? Se sim, eu só copiei o código do primeiro card pra adiantar os outros dois, De qualquer forma você pode acessar o projeto completo nesse link pra conferir e comparar: github.com/tricodando/card-html-css

@@tricodando Era sobre o código da imagem do primeiro card, mas valeu.