Image sizes
Here's a selection of images, each stating their widths. Please use this as a guide to the minimum width images need to be to comfortably fit the range of column widths available to you.
- Image height can be tailored to best fit your content and layout.
- If your image doesn't quite fit or is wider than your column, apply the class "img-responsive" to the image - it'll snap your image to the width of your column.
- Using img-responsive ensures images fill the width of the screen on mobile devices, however, the deeper your image, the more scrolling for your end users!
- Numbers shown in brackets show the width images need to be on pages with no left menu.
Full width of page - 720px (920)
70% column - 465px (602)
30% column - 220px (285)
50% column - 345px (440)
50% column - 345px (440)
25% - 165px (220)
25% - 165px (220)
25% - 165px (220)
25% - 165px (220)
20% - 130px (172)
20% - 130px (172)
20% - 130px (172)
20% - 130px (172)
20% - 130px (172)
Contensis.Framework.Web.JavaScriptManager