All solutions

This solution is far from perfect, I feel like I missed a lot of opportunity for adding cool animations, I think the app requires a lot more polish, I look forward to the next project, for now 🥂!

In hindsight, I made a huge mistake by initially not setting up types. I ended up having to spend around 2-3 hours sorting through typescript compiler errors and warnings, I learnt a lot from this project. Look forward to doing more, cheers 🥂

Using material UI was a chore, and to be fair, I have barely scratched the surface of what can be done using MUi, I will be adding subsequent commits that fix and modularize the codebase, until then, all input is appreciated

Getting the cards to work fine was quite tricky, and surprisingly, handling the input turned out not to be too easy as well. There are rough edges which I will be ploishing up, other than that, I appreciate sny inou

It's been a while since I posted here, with this one I decided to use WindiCSS for no reason in particular, but just out of curosity. it was fun using react when you actually know whats going on.

I feel like the tooltip could be improved upon, its just that with my implementation (tailwind-in-html-in-js) leaves not a whole lot of flexibility, any input is appreciated

Hey! I had a lot of fun working with tailwindCSS, I would appreciate any input on the CSS (and html) since to me it seems to be bit of a mess.

This was a fun project! I wasn't able to get the mentions working, I might add it in the future. Appreciate any input nonetheless

Would love to get any input on the mid-section with the tricky overlay. I tried several "hacks" such as background-image, flex with relative positioning and some other solution, but I ended up just going with the position absolute.

Would love to get any and all input on the code! Feel free to point out any bad practices or if there is a better way of configuring webpack!

WOW, this definitely was my favorite frontendmentor challenge yet! I had so much fun using grid, and I feel like there are soo many ways to get this done. I chose to do it via grid-template-areas which was such a fun and intuitive approach, loved it :) I would love to get some code review or any other tips.

• I couldn't figure out how to get the "empty" portion of the slider bar working, I tried a dumb pseudo class hack, but it did not work out.
• Apparently the slider will not work on firefox, I will be fixing it in the future.
• Would love to get tips on SASS and HTML organization

This was a fun challenge. Open to any suggestions as the CSS is bit of a mess.

As I said, this is a half baked attempt, I will revisit this challenge some time later.

Was a fun challenge, although this solution has some rough edges; JavaScript is a mess, I couldn't get the formula for calculating the "Total per person" right, the code for which is here Would love to get some input on that.

How do I get the little arrow on the navbar menu menu on mobile? I tried the border hack to create a triangle

.arrow {
  width: 0;
  height: 0;
  border: 15px solid red;
  border: 15px solid transparent;
  border: 15px solid transparent;
}

But this caused more issues than actual solution. so I would love to get some input on that.

A really cool challenge. Loved the color palette.

It was a fun challenge. Learnt about pseudo classes to add the accents.

So this is not very polished, there are certainly a lot of rough edges, But I learnt a lot about flexbox via this and had a lot of fun programming the JavaScript part of it.