Flexbox Image Gallery Codepen.io part 2 5/11/18

Today, I continued to work on my Flexbox Image Gallery and added many CSS rules to make the Gallery look better. I changed many of the colors, added a border to the images and image captions, and I learned how to order my images using the order CSS rule. First, I made a border using border: black solid 2px; which sets the color, type, and width of the border. I also added the border-radius rule, which allowed me to round the edges of each border to make it look smoother. I also rounded the edges of my images using the border-radius rule. The last thing I did was create an order for my images by using the order rule. This allows me to organize the gallery by changing a few numbers in CSS rather than cutting and pasting entire figures inside the HTML.

14,257 Replies to “Flexbox Image Gallery Codepen.io part 2 5/11/18”