Useful tips for the CMS

Centering an image within a layout block

To centre the image within a block, in the styles block add display: block; margin: 0 auto;

Hiding components or columns on certain devices

To hide columns or components on certain devices, use the relevant bootstrap class. Full details of how to do this can be found here. In summary d-block will make a block display and d-none will make it not. Then the varoius breakpoints can be applied so d-none d-sm-block would hide on mobile as it is display none, then display on anything bigger than sm.