Submitted almost 3 years agoA solution to the Fylo data storage component challenge
Fylo data storage component
@aratinau

Solution retrospective
I'm happy with the way I made my triangle. I used ::after on the bubble.
.space-left-bubble::after {
content: " ";
position: absolute;
bottom: 0;
right: 0;
height: 15px;
width: 15px;
/* triangle part */
--size-triangle: 20px;
border-top: var(--size-triangle) solid white;
border-left: var(--size-triangle) solid transparent;
transform: translateY(var(--size-triangle));
}
Code
Loading...
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Aymeric Ratinaud's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord