All solutions

The most difficult part was probably figuring out how to set dark/light mode that recognises the default theme of a user's PC and simultaneously have a button switching fluently between those 2 (no matter which theme was recognised).

Challenging was also creating the footer that is merged in the desktop view but not merged in the mobile view.

It also took me some time to debug everything and make it bug-free, hopefully.

Any advice about better practices of anything within HTML, SCSS and JS is welcome. I feel like I struggle with clean SCSS and clean JS code. Not sure to what extent, though, as I have no one to compare myself to.

Hello, so I finally finished this project, which should be completely bug-free. Anything appearing or not appearing should be part of my intended logic. But I have one problem. I have no idea how to create clean, reusable, and maintainable javascript code. It's just a big chunk of complicated, unclean, and bad-looking code. Any ideas on how to improve that and learn how to create clean, reusable, and maintainable code?

Hello,

so I finally finished this challenge after some struggle mainly with CSS. I would like to ask you about your opinion and also some advice. I feel like I am overengineering especially CSS. How can I learn to make code cleaner and more logical without trial and error? Also, how can I learn to create better layouts? I feel like I keep struggling with these 2 things.

Thanks for any advice and opinion

Hello, this is my solution to the Interactive rating component challenge. The stylings and different states were a little confusing, so I was a little creative and created them in a way I liked and saw logical. I am open to any suggestions. I struggled with matching perfect styling and sizes, I never match it on 100%. Also, my star image was cropped, not sure why, the same goes with the responsiveness of one card and the unresponsiveness of the second card. The styles are very similar.

As a beginner, I welcome any suggestions or constructive criticism.

What do you think about my solution? I feel like I am really bad at it. It took me several days and it still has flaws and the css is unclean.

What do you think about my solution overall? Also, I struggled with adding new element using media queries. I tried to create 3 inline blocks in the header. One black, one hero image, one white. The black one, however, didn't appear. Only if I set it to block, which obviously didn't work for the design. Why? Instead, I set header to black color and fixed width and used relative and absolute positions to cover/uncover it with the hero image, but I don't feel like that it's acceptable solution. What do you think?

I have been learning Grid layout for like 5 days. What do you think about my solution? Also, it tends to overflow and setting width and height is very tricky. How do you solve that? When I am trying to just make it higher or wider, flexbox stops working correctly.