ImagesLesson 86Free preview
Thumbnails
This lesson is part of How To · All levels
Summary
A thumbnail is a small version of an image that serves as a preview and can usually be clicked to open the larger version. The thin frame and padding make the thumbnail look neat like a small card. The hover effect helps give the impression that the image is interactive.
Key points
- The thumbnail displays a small preview to save space.
- Wrap the image up with a link so you can open the big version.
- Border and padding give the impression of a neat frame.
- The object-fit: the cover keeps the preview proportional.
- Hover like a border change or a fine translation gives visual feedback.
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.