Use CSS (and maybe JavaScript) to make an element be square (or maintain a specific aspect ratio)

Question

I have a div that I want to have the following characteristics:

• Width = 50% of its parent element
• Height equal to whatever it needs to be in order to

Answer 1

Here you go: Detecting a browser resize using JQuery.