5 667
edições
Sem resumo de edição |
Sem resumo de edição |
||
Linha 37: | Linha 37: | ||
justify-content: center; | justify-content: center; | ||
} | } | ||
.image-item { margin-bottom: 1em; } | .image-item { | ||
.image- | margin-bottom: 1em; | ||
text-align: center; | |||
} | |||
.image-item img { | |||
display: block; | |||
margin: 0 auto; | |||
} | |||
.variations-container { | .variations-container { | ||
Linha 79: | Linha 85: | ||
const imageList = { | const imageList = { | ||
'Charmander': { | 'Charmander': { | ||
imageUrl: 'https://example.com/charmander.png', | imageUrl: 'https://example.com/charmander.png', | ||
variations: [ | variations: [ | ||
{ | { | ||
Linha 98: | Linha 104: | ||
}, | }, | ||
'Bulbasaur': { | 'Bulbasaur': { | ||
imageUrl: 'https://example.com/bulbasaur.png' | imageUrl: 'https://example.com/bulbasaur.png' | ||
}, | }, | ||
'Squirtle': { | 'Squirtle': { | ||
imageUrl: 'https://example.com/squirtle.png' | imageUrl: 'https://example.com/squirtle.png' | ||
} | } | ||
}; | }; | ||
Linha 161: | Linha 157: | ||
<div class="image-item"> | <div class="image-item"> | ||
<img src="${imageInfo.imageUrl}" alt="${imageName}"> | <img src="${imageInfo.imageUrl}" alt="${imageName}"> | ||
</div> | </div> | ||
`; | `; |