HCH school website (2nd)

Everyone loves large, full screen images. In responsive design setting them-up right might be challenging as page elements have different shape and size across various devices.

A typical result of poorly designed hero images ┬áis overcropping and text that obstructs important parts such as people’s faces, eyes.

Not all images will fit the requirements to become a full-size hero, but many can be adjusted with few simple tricks such as adding artificial background.