All solutions

Here what i have: react for different components (nav, main, image gallery). For images I used npm-package react-image-gallery, disabled a lot of things and added some styles for it, to make it look similar to the design. However I didn't implement the fullscreen mode for pictures from the first try, but u can wait for the second edit of this post, since i will do it 100%. Responsive part mostly done using flexbox and changing its direction. Free fir your feedback to have a clear code or\and better ways to implement something better than it is 😄

The design replication was pretty simple here, however I've done some other hard staff, like using ChatJs for the first time, what helped me a lot and also did a good job of expending my knowledges about existing libraries on js.

On the second try I've done all responsive part of the part, so it looks like the design both on mobile and desktop.

I've done most part of the challange however, I didn't do that thing, that makes two blocks look like they are together: in my solution they are separate blocks of divs. I've tried to make right block with mark absolute position, but it uncentered this blocks and I didn't do that. How you come up with this?