All solutions

Great challenge to try some different technology. Here I tested what is to embed React into existing HTML document and added transition effect with React Transition Group library.

I would be grateful for any advice on the code improvement or pointing out something that doesn't work as expected.

Here's my Sunnyside landing page with a little intro animation in desktop view. I have no particular question just curious if it works on your browser :)

Hey everyone. Here's my solution to the tip calculator. It should work both with the mouse and the keyboard. I hope you'll test it and tell me if there is problem.

Hey everyone! I share my first solution from the junior challenges. Here I tried to use fetch API to get data from JSON file and added an options menu that can be opened from the three dot icon. I hope everything works fine, if not, please let me know :)

Hi everyone :) In this challenge I tried to add some short effects (to the texts and the button) on page load. I'm not sure if that's the right way to do this so any advice on the subject would be very welcome.

Hey everyone :) Here is another solution from the newbie challenges. This time I paid more attention to CSS reset and used min(), max() and clamp() functions for setting font-sizes and some widths and paddings. Decided to add success confirmation on submitting correct form and found out this a little difficult for had to modify some of the written code. So the overall feeling after this challenge is that I need to write more scalable code... I would be greatful for any suggestions about that.

Hi :) I had no some great difficulties with this but have the usual doubts is the code clear enough and how could I improve it. I tried to add some interactivity in the desktop view.

Had hard time with this. It took a lot of time to find a way to override the autofill of the Chrome so I can change the color of the input fields. Another trouble was adusting the form validation for multiple fields... I would be greatful for any suggestions how to improve the code. Thanks in advance :)

Had some struggles with this one. It was difficult to figure out how the hero image should look like on resizing and how to adjust it. It bothers me that it is so pixelated just before switching to desktop view... :/

Just wondering if there is smarter way of setting specific color for each card.

I had some tough time with positioning the image in this. It works now but was frustrating because I thought I knew that well enough and the only challenge will be the tooltip. I found some new attributes and played a little more with JS.

Any suggestions on code improvement are very welcome.

Hi everyone :) Here is my next solution with a lot of flexbox. I tried to use BEM approach to name the classes and organising the styles. I hope it looks fine in different devices and that the code is correct.

Hello :) I finished this one using only CSS for the accordion list to practice how selectors work. The end result is a little clumsy for now... The only JavaScript in the page is a small animation applied to the orange box image and is triggered on hovering a question.

Hey there :) Here is another solution with Sass. I tried this time to break the main style file into partials. Looks strange for so small code but for the sake of practis it's done. I tried also a little different approach for organising the CSS. I hope to be on the right direction :) I had a real fight with the positioning the circles in the background and finally took a hint from another solution. It now looks so logical and simple...

Hi there :) Finished this one with Sass. I tried to add more smooth transition between mobile and desktop view. Hope it looks good. Any feedback on the layout and the code will be welcome.

Any feedback on the code improvement would be great.

Just finished my second challenge. Any feedback on the code would be great :)

I have no exact question, just wondering if the code is correct and how the end result looks on different devices.