Images Use Full-Size URLs
  • images are larger, so (by default) row height will be taller
  • link href matches image src (not sensible, but usage via a cms plugin create such markup if a user does not add links)
{{> @img large=true }} {{> @img large=true wide=true }} {{> @img large=true tall=true }} {{> @img large=true }} {{> @img large=true wide=true }} {{> @img large=true }} {{> @img large=true wide=true }} {{> @img large=true }} {{> @img large=true wide=true }} {{> @img large=true tall=true }}
Images Use Thumbnail URLs
  • images are smaller, so (by default) row height will be shorter
  • link href is to a larger-size image than the image src (expected markup)
{{> @img }} {{> @img wide=true }} {{> @img tall=true }} {{> @img }} {{> @img wide=true }} {{> @img }} {{> @img wide=true }} {{> @img }} {{> @img wide=true }} {{> @img tall=true }}
Grid is a List
  • this grid should look identical to "Images Use Thumbnail URLs"
  • the markup is different, though (this uses <ul> and <li>'s)