Default image styling is built into the UNL templates for you to use. The styling is a simple rounded frame with some padding. Please note, while other markup has been used in the past for this presentational treatment, the markup below is the current supported markup and will be the markup used moving forward.
For images to work in the responsive design template (v3.1), a few guidelines should be followed:
- Do not use the width and height attributes in your
- The padding around images for the frame can vary, so it is recommended to make images the same width as your intended grid at full-size. Refer to the Column Widths for exact pixel sizes. The template will take care of presentational sizes.