How to make custom layout using rowConstraints?

[AndrasE]

Hi Igor, thank you for these amazing packages! ⭐
It's probably a noob question; sorry about it! I'm trying to implement a custom row layout. 
I would like to have the images in a centred container with a max width of 1200px and have max 4 pictures on one row. If the screen is below 600px I would like to have only two pictures per row. I've read the documentation, but I never could figure out how to use the rowConstraints to achieve this. I'm not using TS; I thought I was mentioning it in case it matters. 

[igordanchenko]

Hi there! Please see if the following settings provide the layout you are looking for.

<PhotoAlbum
  layout="rows"
  photos={photos}
  componentsProps={{
    containerProps: { style: { maxWidth: 1200, marginInline: 'auto' } },
  }}
  rowConstraints={(containerWidth) => ({
    maxPhotos: containerWidth > 600 ? 4 : 2,
  })}
/>

[AndrasE]

Thanks a lot, you're an absulute hero! 🦸