diff --git a/README.md b/README.md index 09bba54..ba2c629 100644 --- a/README.md +++ b/README.md @@ -22,3 +22,5 @@ The red lines are purely CSS and no additionaly HTML elements have to be created .row::after {...} ``` ## Search results grid +![](https://git.bmen.eu/Projekte/oho/raw/master/doc/search-results-grid.png) +Because of the hover effect, the search result item (.search-results-item) must be absolutely positioned. Therefore, it is important that there is a grid element (.col-1-4) above the search result item that is relatively positioned. And it needs even a minimum height, because the absolutely positioned search result item falls from the HTML flow.