@jemeneradev
Posted
Try to stay away from the "position: absolute".
For one thing, it pulls out the elements from flow dictated in the markup, which messes with the nearby elements.
My advise: stay with "position: static". For complicated layouts, use display flex or grid. Get the layout as close as you can, then you can use "position:relative" for the micro adjustments.
For the bubble, you could have added the triangle as a pseudo element, then use position:relative to place it in its place.
This project was a fun one!
Marked as helpful
@catherineisonline
Posted
@jemeneradev Thank you for the feedback!