Image captions with text wrap.
With its focus on PageSpeed, customisation, responsiveness, and accessibility, this block can greatly enhance the presentation of content on your website.
Fully accessible and responsive.
Key Features:
- Image Alignment Options: Provides the ability to float the block image to the left, centre, or right, ensuring that the visual elements align with your overall design.
- Image Compatibility: Supports .webp image format for optimal page speed and efficiency, while still allowing the use of .jpg and .png images.
- Responsive Design: The block's layout adjusts for mobile devices, with the title, description, and link folding under the image, ensuring a central alignment for all elements.
- Built for Performance: Fully responsive and designed with page speed and accessibility in mind, enhancing user experience across devices.
- CSS-based: Utilises CSS for styling and animations, eliminating the need for JavaScript and contributing to faster page loads.
- Multiple Blocks: Can be used to add a single block or stacked for multiple blocks on a page, providing flexibility in how content is displayed.
- Lazy Loading: Offers advice on image loading strategies, recommending against lazy loading the image in the first block if it's at the top of the page to improve perceived load time.
All images have an automatic thin grey border (good for images with a white background).
30 variations/options:
Add block with or without border.
Add title.
Float image centre, left or right.
Add a radius to square images.
Add a margin to the top and bottom of block (if you want space between blocks).
Add as many blocks as needed, no javascript only CSS.
Add lazy load to images.
Text will flow around images, however text and images will centralise on mobiles.