react-responsive-gallery-custom/src/constants/responsive.js

React responsive gallery

const screenWidthSizes = {
  xs: 420,
  s: 600,
  m: 768,
  l: 992,
  xl: 1200,
};

const colsPadding = {
  xs: 4,
  s: 4,
  m: 4,
  l: 4,
  xl: 4,
  xxl: 4,
};

const imagesPaddingBottom = {
  xs: 4,
  s: 4,
  m: 4,
  l: 4,
  xl: 4,
  xxl: 4,
};

const imagesMaxWidth = {
  xs: 100,
  s: 100,
  m: 100,
  l: 100,
  xl: 100,
  xxl: 100,
};

const numOfImagesPerRow = {
  xs: 1,
  s: 2,
  m: 3,
  l: 3,
  xl: 4,
  xxl: 5,
};

export {
  screenWidthSizes,
  colsPadding,
  imagesPaddingBottom,
  imagesMaxWidth,
  numOfImagesPerRow,
};