Responsively Center an Image and Caption with CSS Grid

Share this video with your friends

Send Tweet

Grid offers us the easiest method to responsively center content. We'll use the grid property place-content to center the contents of figure to showcase our fictional product in use. Additionally, we'll learn about object-fit which is a modern technique that allows inline images to scale responsively within defined dimensions without distortion.