All solutions

Hey guys!

Finished another JavaScript Challenge 🎉

Feel free to drop a comment on how you think I did in this challenge 😇

Hey guys! 🙋‍♂️

Here's my first challenge where I used CSS GRID

Check out my work, and feel free to drop a feedback 😇

#bem #flexbox #grid #responsive

Hey All!

This was a fun one to build, pretty straight forward 🎯

Flexbox to stack all 3 cards horizontally and vertically to make it responsive. JavaScript DOM to toggle classes in each card element that rolls between the Annual & Monthly Pricing, as well as the toggle button which transitions to either side on toggling & a bit of animation to put the cherry on the top ⭐

Thanks for checking out my work 😇

#js #dom #bem #flexbox #animation #responsive #toggle #no-frameworks

So, this one was a heck of a challenge, took me almost 2 days to finish, and although I was able to make it almost fully functional and interactive, I am not satisfied with how I finished this challenge.

My struggles while doing this challenge:

🗡️ had a hard time transitioning to the Thank You Element with smooth animation after submitting the form

🗡️ i used the setTimeout Function to help in hiding the form and making the Thank You Element appear, which i had to experiment a few times to finally make it look smooth, which ended up making the code look messy 😭

🗡️couldn't keep the code well-structured and modular

🗡️ also styling and making sure the cards were at the right place relative to the form, and that they respond well to the change in viewport width took me longer than i expected

I'm sure there are much smarter ways to approach this challenge. Would appreciate any feedback and any thoughts on the above mentioned points 🫡

Thanks for checking out my work 😇

#js #dom #bem #flexbox #animation #form #responsive #interactive #no-frameworks

What best-practices do you make use of when building such a component?

I would appreciate your feedback on this 😇 Let me know if there's anything I could've done better to make my code cleaner or more efficient 🎯

#js #dom #bem #flexbox #responsive #interactive #no-frameworks

I used JavaScript DOM Manipulation to toggle a class in a 'div tag', which shows and hides the pop-up when clicked on the Share Button. It is also responsive, which was done with the help of Flexbox.

Check out my work, and I would appreciate if you drop a feedback, or share how you built this component and what libraries or frameworks you made use of 🙂

I used Vanilla JavaScript to make the Calculator functional. However, I'm not satisfied with my approach. I think my code could be a lot me clean, optimized and efficient.

I would love to know how you approached this challenge.

Drop a feedback, let me know how you think I did in this challenge 🙂

What was your approach to design this? How would you tackle this challenge? What frameworks or libraries did you use?

I would like to know what's your preferred way of making your webpage compatible in small-screen devices. I usually change the layout using Flexbox, and then adjust the margins, paddings and font-size ('rem' and 'pixels') in the media query. I have noticed people use the '%' unit, which I find a bit confusing, but what is your approach?