Responsive (4:2:1 column) Image Grid With Flexbox

Resize the browser window to see the responsive effect.

  • Desktop: 4 columns (800px and above)
  • Tablet: 2 columns (601px-800px)
  • Phone: 1 column (600px and below)