A quick way to create a chat message element in css

👉 One confusing part might be the clip-path, it is used to clip an element to a particular shape

In this case, the shape is a triangle with three points - top left (0 0), top right (100% 0) and bottom left (0 100%)