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)
(sample image) (sample image) (sample image) (sample image) (sample image) (sample image) (sample image) (sample image) (sample image) (sample image)
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)
(sample image) (sample image) (sample image) (sample image) (sample image) (sample image) (sample image) (sample image) (sample image) (sample image)
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)