Implementando o JavaScript

É necessário inserir as informações dos carros dentro dos cards. Para isso, é preciso criar uma lista de carros com nome, detalhes e fotos. A lista de carros é uma array de objetos.

Cada objeto representa um carro e contém propriedades como nome e descrição. Para adicionar mais carros à lista, é necessário separar as propriedades por vírgula. É necessário utilizar uma estrutura de repetição para ler cada item da lista de carros e imputar os dados nos cards.

A estrutura de repetição utilizada é a map. É possível acessar as propriedades de um objeto utilizando a variável e o ponto, por exemplo: carro.nome. Para mostrar a imagem do carro, é necessário utilizar o caminho dinamicamente. É possível modificar a cor e o ícone do botão

Para responsividade, é possível utilizar grids e definir a quantidade de itens por linha.