Today, I worked on my Flexbox Image Gallery. It was made with an h1 tag, followed by a section tag to put the website’s content in. Within the section tag, there are 9 figure tags, each with an image and caption. Every image was taken from lorem flickr as a sample image. This is useful because you can set it to be a different image every time you refresh the page. In addition to the HTML, we added multiple CSS rules using flexbox to organize the content. For example, We used flex-direction:row; to organize the images horizontally, and we used flex-wrap:wrap; to make the pictures wrap around to the next row so we don’t have to scroll horizontally.