The Card Component
Learn to create the UI layout for the image card.
We'll cover the following...
We’ll design the UI layout for the card components here, which hide the country flags, and we’ll have to guess which two images are identical. However, we won’t be able to see card layouts in this lesson, because we’ll have to pass the actual data to know the layout. Nonetheless, the graphic below depicts how the final layout will look.
We use a map image here, which hides all of our images. When we click this card, it flips, and the national flag of some country will be displayed to us. We then have to guess the identical image from the other images.
Destructure the Props
When imported into the App.js file, we get the different data as props in the ...