I want a box layout with:
- 2 boxes next to each other in desktop and tablet, convert to 1 box per row at phone.
- Each box is clickable/touchable and navigates to a other page
- Each box is covered by an image
In this case the source image is 450px, but any size works as long as I can have 2 boxes on one row and a responsive layout
- When mouse enabled, hovering over the box causes a subtle size animation and an overlay div with text "Open?" and a yes and no button is shown, still whole box area should still be clickable.
Here is a preview. In the webflow editor (for me atleast) it works the way I want.
Check it out in webflow: https://preview.webflow.com/preview/patrik-interaction-design-portfolio?preview=91e5718db5d5a9ea4cd0186a0377e6c6
After a publish the boxes spread out vertically and the hover effect does not work, and they are not clickable.
Published (not working): http://patrik-interaction-design-portfolio.webflow.com/