Responsive solution with plain html/css

Was a bit tricky to figure out colours since they are not all specified in the design file.. As suggested I used HSLA, decreasing the luminosity to try to recreate the badges lighter colours.

Also, in this one I discovered the gap property in flexbox. Found it useful to equally space different elements inside the container instead of adding margins in multiple places.

Feedback is more than welcome!