Bryan Li• 3,550
@Zy8712
Posted
Looks pretty good. For the bubble you can see what I did:
<div class="pop-up">
<p>
<span>185</span>
GB Left
</p>
<div class="triangle">
</div>
</div>
.pop-up{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
z-index: 10000;
right: 0px;
top: -70px;
width: 150px;
height: 65px;
border-style: none;
border-radius: 10px 10px 0px 10px;
background-color: white;
}
.triangle{
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 0px solid transparent;
border-top: 25px solid white;
position: absolute;
top: 100%;
right
I had difficulty with this as well when I did the challenge, but once I got it it seemed pretty simple.
Marked as helpful
0