Boa noite!
Meu código ficou assim: Porém, teve um erro, em dois dos cinco cards, a não ficaram colados as img com as informaçoes. Alguém tem uma sugestão de como resolver? Vou deixar um print de como ficou pra melhor entendimento.
.agenda__item {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.agenda__item img {
grid-column: 1/3;
}
Olá, Desirée.
Tudo bem?
Tenta utilizar o gap: 1em; para separar os itens:
.agenda__item {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1em;
}Qualquer coisa manda o print da tela para a gente ver o como está.
Espero ter ajudado de alguma forma. Qualquer dúvida manda aqui.
ola, seria interessante postar o Html e css para vermos.
Como você disse que o problema aconteceu apenas alguns cards (2 dos 5). Talvez seja algum problema pontual de fechamento de tag ou de classe.
como disse, com os códigos a gente pode te ajudar melhor.