tkovs/jogo-da-memoria

Criar componente para os cards

Closed this issue · 1 comments

tkovs commented

No momento, as imagens estão jogadas, sem componente, então há muita duplicação de código. A ideia é criar um componente Card que tenha todo o código que se repete, e depois usar esse componente em vez do código duplicado.

Então, se no código nós temos isso hoje

<div className="three columns">
    <img
        className="card"
        alt="alt"
        src="https://artprojectsforkids.org/wp-content/uploads/2021/01/Rubber-Ducky.jpeg"
    />
</div>
<div className="three columns">
    <img
        className="card"
        alt="alt"
        src="https://artprojectsforkids.org/wp-content/uploads/2021/01/Rubber-Ducky.jpeg"
    />
</div>

O resultado deveria ser esse:

<Card src="https://artprojectsforkids.org/wp-content/uploads/2021/01/Rubber-Ducky.jpeg">
<Card src="https://artprojectsforkids.org/wp-content/uploads/2021/01/Rubber-Ducky.jpeg">

Irei modificar ainda hoje.