10 Setting up a photo gallery

This chapter covers

  • Using images on a web page
  • Working with thumbnail versions of images
  • Displaying images in a lightbox
  • Laying out a page using Flexbox
  • Crafting a ChatGPT prompt for building a photo gallery page
  • Examining and customizing the ChatGPT-generated code

After you learned a few image basics in chapter 4, the projects in this book have mostly included a single image: a site logo in the page header. That’s a great start, but you no doubt know from your own online gadabouts that images are everywhere on the web. A well-placed and well-chosen photo or artwork can really perk up a page and offer some welcome eye candy for text-weary visitors.

In this chapter, you learn a bit more about images and how they ...

Get Build a Website with ChatGPT now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.