Design comparison
Solution retrospective
How can I make the bottom right corner of the white pop up (one that says "185 GB left") appear triangular?
Community feedback
- @JommartinezPosted over 4 years ago
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)
6 - @isy-createsPosted over 4 years ago
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. :)
2 - @CezzanePosted over 4 years ago
use ::after pseudoelement that is the correct way check out my solution
1 - @Noob-Hate-codingPosted over 4 years ago
hey Rohail77 i found that one of the svg element ,the logo is invisible is it proper? how to make it visible?
1
Please log in to post a comment
Log in with GitHubJoin 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