All solutions

so far, the easiest challenge for me.

In my solution, I have added the active states, but it is not working. Also, I can't even select the elements on the web page. I don't know why? Anyone who knows plz share ur solution to the particular problem.

Also in the desktop version of the solution, if anyone solved without the vertical scrollbar kindly plz share your solution and also your tips and tricks to make the solution even easier.

any suggestions on code readability ? Also other feedbacks are welcome

I felt burnout while solving this problem. I tried harder but i can't code my solution completely.

I faced issues in the "keep track of your snippets" section. Because of that section , i have a horizontal scrollbar in my solution. help me out rectify the problem.

Also i think my code is messy. can someone please tell me whether my code is readable , if not how can i improve?

i need to learn how to write class name . is there any particular standards there for writing class names ?

When I looked at this challenge, I thought the main challenges would be the message box and the storage capacity box. So I researched for a solution and came up with the following CSS properties: clip-path, -webkit-appearance, and better usage of before and after pseudo-elements.

I solved the storage capacity box using the before and after elements. However, I also tried using the input[type="range"], progress tag, and meter tag. Unfortunately, each tag has its own disadvantages, and it seems impossible for me to solve it using the above three tags.

Has anyone out there solved the storage capacity bar using input[type="range"], progress, or meter tags?

If you have done it, please share your code and also provide your valuable feedback on the solution.

I have no idea how to get the box shadow not even closer to the design . can someone help me out ? and give me some valuable resources to master box shadow.

Also give me your valuable accessibility, semantic html tips...

Thanks in advance

In the mobile layout , the design demanded some space above and below the container. I did it with some margin-top and margin-bottom.

My question here, is it possible to create the space without using margin property. is it possible using flexbox? I tried it, but no luck!

Also suggest me with some best practices i can implement in my code? Thanks in advance..