I have a small project where I have a content box that will have its content change on hover. I want it to be responsive and fluid. I’ve tried using only CSS, which worked okay, but not ideal.
I want to make sure I’m doing this as efficiently as possible and have a few general ideas:
- Use a long unordered list and shift its position with overflow:hidden
- Use multiple divs with display:none
- Use multiple divs and overlap
Is there a standard to this? I’m running into trouble when I have this content box in a parent with other content boxes.