DEV Community

Discussion on: Responsive hexagon grid without media query

Collapse
 
thaimon profile image
Thaimon

Hi, I encountered a problem with content below the hexagons.
In some cases, the hexagons leak out of the main div and the content below will overlap with the hexagons.
For a few rows of hexagons everything is fine, but when the number of rows increases the problem becomes more severe. You can check it with your codepen example by adding a div below with some dummy content and then resizing the browser window to get more rows of hexagons

Is there a fix for this, so the main div will always have the same height as it's contents (the hexagons)?