Looking to hire developers?
I would really appreciate if you could spare few mins of yours and provide a feedback.
Thank you so much.
@Jommartinez
Posted
Its fine, but for the white box 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)
Marked as helpful
@sharmaeklavya
Posted
@Jommartinez Thank you
@En-Jen
Posted
Hey there, really nice looking solution! Almost exactly like the design :) Really nice job making it responsive as well.
If you're wondering how to make the little white circle that goes inside the storage bar, feel free to take a look at my solution. It's pretty simple (also uses the ::after pseudo element)
I'd also suggest just rounding the corners of the dark blue storage meter using border-radius with a high value.
Keep up the great work! -Jen
Marked as helpful
@sharmaeklavya
Posted
@En-Jen Thank you Jen! I will look into that.
@alihan
Posted
It looks very nice. Maybe you can do little triange right below your txtbox element. You can use :after pseudo elements. You can check out in here https://www.w3schools.com/css/css_pseudo_elements.asp . Also dont forget to add style in your "GB LEFT" span.
Marked as helpful
@sharmaeklavya
Posted
@alihany Thanks. I actually didn't know how to make that triangle.
@alihan
Posted
Dont worry, it is quite easy. If you dont understand the document, check out my solution :) @sharmaeklavya
Marked as helpful
@sharmaeklavya
Posted
@alihany Yes! I will. Thanks a lot.
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
