Hive Photo Gallery Grid
This is a web form with a responsive photo gallery grid, designed using CSS, HTML, and Bootstrap framework 4. The images and CSS styles have been imported to the code with their URLs, whereas the media queries are used to increase the responsiveness of the form. The number of rows and the minimum number of columns for the grid is given as 3 and 2, respectively. The background of the form is given as #262626, with the height as 100vh, and filter as drop-shadow(2px 2px 5px). The hex cell is given the styles of grid-column-end as span 2, margin as calc(-1*var(--hl)) 0, transform as scale(.95), and clip-path as polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%) to implement the polygon shape. The images are given a transform style of scale(calc(1 + .2*var(--hl))). In a hover event, the images in the hex cell, take a zooming effect.