The last thing I want to do to replace my legacy site is to add the Portfolio section to my site.
Configure the Portfolio Collection
Follow the instructions for Working with Collections
Teaser Images
Teaser images are used to display a preview of the portfolio item. They can be added to the front matter of each
portfolio item in the _portfolio collection.
---
title: Agile Development Model
header:
teaser: assets/images/agile-development-model.png
---
I’d like to understand the recommended size for these images. Currently, the image as an style of overflow: hidden; which means that the image will be cropped to fit the container.