@byronbyron
Posted
Hello!
I prefer to use a pseudo element for the little triangle shape, which might look something like this:
#main-middle::after {
content: '';
display: block;
height: 0;
border-left: 0.75rem solid transparent;
border-right: 0.75rem solid transparent;
border-top: 0.75rem solid #48556a;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
}
The trick is the three borders, two of which are transparent 👌
@roastgrammer
Posted
@byronbyron hello dude! thanx for your response , I tried that and make a shape like that challenge ,:) I'm exciting for using this skill in my next project ! tnx again....