@talentlessDeveloper
Posted
Hi,
Nicely done project!
As for the white box, you can begin with adding these properties to your alert_info class.
.alert_info { position: relative; background: #fff; border-bottom-right-radius: 0; }
Then you can create a new div inside or use the ::before pseudo element let's say you created a new div inside .alert__info, add these properties to the div.
position: absolute; width: 0; height: 0; border-top: 22px solid #fff; border-left: 22px solid transparent; right: 0px; bottom: -14px
You can adjust the values to fit your preference.
if you want to learn how to create shapes using css, here is a link Css shapes.
Marked as helpful
@hectorjbd
Posted
@talentlessDeveloper Thanks... Very helpful!