tomas938
@tomas938All comments
- @Pawel1894#pwa#react#tanstack-query#tailwind-css#vite@tomas938
I just finish this challenge today and i dive into your code and i feel so bad about my solution :D your code is well written also you added nice features. I can trully see you have more experience than me good job.
- @JohnBroers@tomas938
Hi, congratulations for completing this challenge! Maybe you can change filtering for me it would be nice if I click for-example filter front-end and senior i would get filtered only that card that match the filter maybe u can check my solution to this challenge and you will see what i mean but overwall good job !. ;)
Marked as helpful - @ratan17@tomas938
Hi, your solution looks good maybe you can add
outline:none
to button i think it looks better without outline ;) - @Tosho4real@tomas938
<div id="bottom"> <p class="storage">You’ve used <span>815 GB</span> of your storage</p> <div class="data"> <div class="layover"> <h1>185</h1> <span>GB LEFT</span> <div class="triangle"></div> </div> <div class="full-bar"> <div id="bar"> <div id="circle"></div> </div> </div> <div class="para"> <p>0 GB</p> <p>1000 GB</p> </div> </div> </div> .layover { position: relative; transform: translateY(-100px) translateX(325px); } .triangle { height: 50px; width: 50px; position: absolute; top: 90%; right: 0; border-right: 50px solid white; border-bottom: 50px solid transparent; }
this should help little bit
Marked as helpful - @Tosho4real@tomas938
Hi, you need put your triangle in your layover div and give it position relative and then absolutly position triangle with top,left,right,bottom values as u need .
Marked as helpful - @ab-irami@tomas938
Hi, congratulations for your solution maybe u can add mathematical sign in calculation to get better user experience.
- @dwi312@tomas938
nice job but u have problem with responsivity and you shouldn't alingning items with that huge padding.