Image Block

Learn how to use the Image block in Refoundry, control image fit settings, and adjust the focal point for responsive layouts.

Last updated:

Description

In this tutorial, you’ll learn how to use the Image block in Refoundry, control image fit settings, and adjust the focal point to improve responsive image display across different screen sizes.

This tutorial will cover:

  • Adding an Image block to a column
  • Understanding how default image size affects section height
  • Setting a fixed height to prevent uneven column stretching
  • Exploring different Image Fit options
  • Understanding how image fit affects layout display
  • Adjusting the focal point to control visible image areas

Suggested videos:

Borders and Shadows

Background Images

Related resources:

Image Block | Refoundry

Relate Resources

Keep exploring.

Explore more resources we’ve selected to help you dig deeper into topics that matter to your workflow.

Ready to take the next step?

Put your learning into action.

Whether you’re exploring on your own or want guided support, Refoundry makes it easy to start building smarter today.