How can I make the bottom right corner of the white pop up (one that says "185 GB left") appear triangular?
@Jommartinez
Posted
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
Posted
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
Posted
use ::after pseudoelement that is the correct way check out my solution
@Noob-Hate-coding
Posted
hey Rohail77 i found that one of the svg element ,the logo is invisible is it proper? how to make it visible?
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
