All solutions

Not very good experience with the HTML & CSS, made some mistakes. The JS was very enjoyable and fast though

First junior project finished, the html and css part was much longer than I had initially anticipated. The JS part was ok, had a small issue with negative days number but quickly found the fix. The website should be responsive except on two devices, the fold one with extremely small width and another sort of tablet with very little height, could have added more media queries to solve them but I learned what I needed to learn from this challenge, just be aware of the potential improvements is good

First time doing a challenge with JavaScript, I'm still very newbie it's my first week studying JS for real. ChatGPT was really useful in helping me working out the JS. I understand the concepts but the syntax doesn't come naturally yet at all, guess it's normal since it's just the beginning. Happy with the result.

First time using SASS and I was extremely confused the whole time, should have started by mobile first but I was really overwhelmed by the many subdirectories and all. Not some code to remember but I gain some valuable experience in using a preprocessor which is industry standard and my next projets will be better now that I'm more used to it

Very happy with this one, started mobile-first again, then managed to do correctly the grid for the positioning of the 4 elements, had to try many times to get it right! found a cool trick also to force a line break of text in a media query, by wrapping the text in <span> and sending a media query to force the <span> to display in block.

some issues with size that I tried to fix with media queries

Coded mobile version first and It was good, took me a few hours, but then the desktop version became a nightmare and spent the whole day trying to fix it and understand what goes wrong. It was the hardest challenge I have done so far, but learned some things.

First time I do the 'mobile first' design, as I've read that it is the best practice. It was very hard for me took me the whole morning so maybe 4/5 hours in total for not so many lines of code but I had some classic issues with positionning, flex box, margins. I then added the desktop version and it was so much easier than I thought, with a simple media query. So this is a responsive page normally, not the greatest but I'm happy of my work. Also have not forgotten the hover effect for once hehe

I am improving but still have many issues with margins , padding, display, containers, sizes... I think it looks okay compared to the original design, but the code is probably hard to make responsive

had a lot of issues with size and ended up selecting on Paint trying to get correct sizes, I am happy with the result even though it is not perfect. Also how do i reduce my <hr> line to below 1 pixel to have the same effect as the original :)