title: how to make one element follow another elements size
body: <p>like let's say you have an image </p>
  
  <pre><code>&lt;img class="testImage" src="test.png"/&gt;
  </code></pre>
  
  <p>then there's also a section supposed to always follow the height of the image.
  I know these examples below would never work, but just to give an idea, if something like this is possible?</p>
  
  <pre><code>height: .testImage;
  height: calc(0 + .testImage);
  </code></pre>
  
  <p>The reaosn I wanna do this is because I am working on something in wordpress where I've put in an image and then there's some content next to it. <a href="https://i.gyazo.com/d85b9d8a5384829589b715c2c36fb059.png" rel="nofollow noreferrer">https://i.gyazo.com/d85b9d8a5384829589b715c2c36fb059.png</a> This looks fine when the screen width is normal. However, when it becomes smaller then the image becomes smaller as well, because it's responsive. The content does not become smaller though. <a href="https://i.gyazo.com/0af7d841c695912cda3bd266174238e1.png" rel="nofollow noreferrer">https://i.gyazo.com/0af7d841c695912cda3bd266174238e1.png</a> 
  For it to match the image 100% I would have to figure out exactly how the image is styled for every screen size. So I am wondering if I can just get the content block to follow the images height?</p>