responsive page built using flexbox

Solution retrospective
How can I make the bottom right corner of the white pop up (one that says "185 GB left") appear triangular?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Jommartinez
You can use the pseudoelement ::after for example: ::after { content: ""; position: absolute; top: 69px; right: 0; border-top: 25px solid #ffffff; border-left: 25px solid transparent; } (or similar for your solution)
- @isy-creates
I found a nice solution for that:
width: 0; height: 0; border-style: solid; border-width: 0 0 0 30px; border-color: #ffffff transparent transparent transparent;
Just show one side of the border - the left one - with 30px solid border style in white. :)
- @Cezzane
use ::after pseudoelement that is the correct way check out my solution
- @Noob-Hate-coding
hey Rohail77 i found that one of the svg element ,the logo is invisible is it proper? how to make it visible?
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