The Gallery
Three more photos have arrived. We've given their cards the classes of the first one (yours may have been a little different) and made the page wider, so that the gallery has room. Now lay the gallery out:
- The cards are in two columns of the same width, with 24 px between the columns and between the rows.
- In each card, the author is on the left and the vote button on the right edge, on one line, and both are centered vertically.
Look at the gallery at 375 px too: the columns get narrow, but everything still fits. On a phone, one column would be better. You'll learn to change the number of columns with the width of the screen in the lesson on responsive design.
Instructions
Lay out the cards in two columns, 24 px apart.
In each card, put the author on the left and the vote button on the right, both centered vertically.
Start programming for free
2/3