Image gallery

[mojoaxel]

@Lio-20 Here is a new challenge for you:

Please create an image gallery

• [x] Create a new branch image-gallery based in main and create a "Draft" pull-request for it.
• [x] use images (just pick 8-12) from this album: https://flic.kr/s/aHsmEDsBFd
  • [x] don't copy the images but link to them to an flickr instead.
  • [x] All images should have the same box/tile-size
• [x] beneath each image should be a text (see example below) that showes the number if that image (e.g. "48159854071"). You can get the number from the url of that image.
  • [x] The text should link to the flickr page of that image.
• [x] create a footer at the bottom of the page
  • [x] The footer needs to show an imprint
  • [x] The footer needs to show the license of the used images: CC-BY-SA by mojoxel.
  • [x] The CC-BY-SA part should link to this page: https://creativecommons.org/licenses/by-sa/2.0/
  • [x] The mojoaxel part should link to this page: https://www.flickr.com/photos/mojoaxel/
• [x] make layout responsive (that means the layout adoptes to different screen sizes)
• [x] use external google font
• [x] in addition to the flowers there should be a set of images "Animals" from this album: https://www.flickr.com/photos/mojoaxel/albums/72157709337258661
  • [x] for this each section "flowers" and "animals" should be wrapped in an <article> element.
  • [x] Each article has it's own <header> element with a heading "Flowers" / "Animals".

The result should look something like this:

There should me max 4 images next to each other: