Streaming live at 10am (PST)

Hover DIV border scales elements inside box

Hello,

I’m trying to apply a border on hover but I apply it and hover it reduces the sizes of the content inside. Any ideas on a work around?

Pic attached of how it’s supposed to look.

https://preview.webflow.com/preview/pearses-blank-site?utm_medium=preview_link&utm_source=dashboard&utm_content=pearses-blank-site&preview=4c1a4e3c1dd0024656f3114ad352f4e0&mode=preview


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Right here we go.

Add a div block under container.
Move the other elements as are inside that div block.
Remove borders off div block and put them on the new div block/
Make sure both normal and hover are the same 9 pixels.

The normal mode to be transparent and the hover yellow.

You will have an issue with the red block as you have padding under the text.
On Div Block 9 add 10 padding.