When adding an image to a page, there are several important considerations, such as placement, responsiveness, and so on. The RCE allows you to add the image and then choose the alignment options to position it; however, the RCE doesn't provide a way to make the image responsive so that it resizes for different devices and screen sizes, add a caption, or add a border. And what if you want to group two or more images? Fortunately, you can do all of those things with the right code.

This module will give you code and best practices that teach you how to

• center an image,
• align an image left or right,
• clear content after an image,
• add an image caption,
• add various border styles,
• group two or more images, and
• add a long description.

All the code provided follows best practices for responsive design, accessibility, and usability.