position absolute on heading
Hey, i have an icon to the top right of my heading placed using position absolute in this example. When the viewport shrinks, this can leave large gaps between the text and icon at some points due to the text wrapping (like in the image) and overflow too. What methods would ya'll use to make this responsive and flow smoothly with the text?
https://codepen.io/deerCabin/pen/zYVqgVY
Thanks in advance.
https://codepen.io/deerCabin/pen/zYVqgVY
Thanks in advance.


