All solutions

This was very fun to build, I had hard time to find out should I use react-router-dom to navigate between pages or do it differently. After seeing few solutions I decided for react-router-dom. I am still struggling how to set up a project in css so that I don't have to tweak it when needed. For example, advanced mode looks a lot better than regular mode.

In the end I feel like I am getting a lot better in this since I started a year ago.

I used react-router-dom and learned how to use it. Only thing that I am unsure of is responsivity. I am not happy how it looks like but hopefully will learn how to do it in next few projects.

I have used react-query simply to learn how to use it and I needed little help from stack overflow but I made it. I am still not satisfied with my responsive design. Anybody has any best practice about that?

Believe or not the most difficult thing to implement, was a "share arrow" in circle for mobile version, just couldn't come up with solution with z-index but it works now with JS. I know that my code could be shorter and believe with every new task, my code will be cleaner and more readable.

Any feedback is welcome! :D

Nice task for a beginner , I learned a lot but I have feeling that I hardcoded JS part, now when it's done I see that I could have done it better, especially html part and consequentially js part. I am gonna remember that when working on next task.

I recently started with javascript and I couldn't come up with solution on switching between ratings, but I overcame that after reading several solutions. To me this was a difficult task but I learn a lot.

It was little bit tricky to create comic-like speech bubble and to adjust it. Now when I am done I feel like it could have been done easier using flex more than I did but it should work as it is. Any feedback is welcome! :D

To complete this task I've used combination of grid and flex as well as scss to automate some adjustments. Any feedbacks about best practices are welcome. :D

For past few days I was trying to learn SCSS and I was experimenting with various tasks. It really came in handy in this project. I was dealing with repeating code when making cards. With SCSS it's easier to manipulate and change the code.

Any suggestion or feedback is welcome! :D

I've tried to use SCSS for the first time on this project but I think it's overkill on small projects like this one and can't really show it's real power. Any feedback about the project is welcome. :D

The most difficult task was to adjust background image, which I failed to do as shown on the example image. Any advice on how to better manipulate with background images is welcomed. Thank you! :D

Most difficult thing do create was to do (and I failed) change color on hover on buttons and letters inside buttons. I think I am missing out something here. It shouldn't be that complicated, I think. :D

It's my 4th challenge and I had an difficult time to adjust it to mobile dimensions. Should we first create a web-page for a mobile and then for tablet and desktop or other way around? What is the best practice?

Thank you! :D

It's my 3th challenge and I am still a newbie. What is the best practice when dealing with multiple elements side by side (such as where Annual Plan, music icon, price and change are)??? Should we use position-relative to set them up or is there a better practice? I have feeling that I am missing something on that matter.

Any feedback is welcome.

Thank you! :D

It's my second challenge and any feedback is welcome. I had difficult time to implement blue color on image on hover and it doesn't work as it is supposed to. I assume that there is way easier solution. Cheers!

I am new in this so I assume that I didn't do it properly with flex and every advice on how to improve it is welcome.