Fylo data storage using flex

This challenge was a nice step up in difficulty. I had two major struggles:

1. Speech bubble

• I styled the bubble itself and the triangle as absolute elements inside of the second component, this however leads to the triangle sometimes disconnecting from the bubble at certain screen sizes. Is there a better way to do this?

2. Progress bar

• The main issue here was the white circle. I struggled to get it positioned correctly, as well as maintain it's position when resizing. I ended up absolutely positioning it in relation to the parent of the inner colored progress bar. Is there a better way to do this?

Thank you for any advice!