Is the thumbnail tile properly laid out?

Question

css

The site has a tile of preview images, some of which are twice as large as usual. Pictures are displayed through background-cover.
For the sake of adaptability, the width of the preview div is set as a percentage, and the height is calculated proportionally to the width thanks to this trick:
jsfiddle.net/qso14y3k
Plus, a masonry script has been added so that there are no holes.
Who cares, the result: n-architects.ru/projects
Interested in how adequate such a solution is. In addition, I can’t understand why in Firefox, when scrolling down quickly, the pictures blink, as if they are being loaded. There is no such thing in Chrome.

Answer 1

in general, the font itself would also change in size as the window size decreases