All solutions

What are you most proud of, and what would you do differently next time?

I am most proud of the way I did transitions on the page. They are smooth (almost) and it looks the way I wanted it to look. My issue is - as always - unreadable code. As I am coming up with different solutions to problems and sometimes those don't work, I have to edit my code several times and leave some mess after changes. I am trying to use the method of creating test files and experiment inside them, but it's hard for me to work with multiple files at once and remember to create new ones every time I edit something.

What challenges did you encounter, and how did you overcome them?

The greatest challenge in this project was to make my main block change it's size depending on the screen size using media query. It wouldn't be that hard if I didn't want to make my beloved transitions :) but since I wanted my page to look smooth (and the only "smooth" thing is main block size change) - I had to make some size rules for my main block and it was not easy to be honest.

What specific areas of your project would you like help with?

The only help I need right now is to know - how to write readable css and html code. I lack some default setups for my files and basic ways things are done in general.

What are you most proud of, and what would you do differently next time?

I am mostly proud of learning some features of JavaScript, which I was rarely using while learning this language. Next time I would definitely take some time to clean up my code which is messed up after some experiments.

What challenges did you encounter, and how did you overcome them?

The greatest challenge was to make this page responsive and to add the success message block. This block was so annoying to adjust because it was working poorly and I had to set it up in a specific way to make it look decent.

What specific areas of your project would you like help with?

I would like to know when do I have to use grid instead of flex? I don't mean situations like a gallery or something, because there you (as I think) should use grid. But I would like to know from your experience what are the disadvantages of each of these displays?

What are you most proud of, and what would you do differently next time?

I am most proud of learning how to work with scrollable pages and how to make them responsive. There is nothing I would do differently next time.

What challenges did you encounter, and how did you overcome them?

The greatest challenge was to find the best way of aligning the main box in the middle of the page without changing the behavior. To do that I simply added another div container and instead of setting my to display flex, I set up my element to display: flex and it worked fine.

What specific areas of your project would you like help with?

There are none.

What are you most proud of, and what would you do differently next time?

My greatest achievement with this project is learning how to change web application themes and saving those settings in local storage. Next time I would organise my styles better and take some more time for my JS script to be more readable and efficient.

What challenges did you encounter, and how did you overcome them?

The greatest challenge was the JS script because of the logic of this calculator. I finally did it the easy way, but I had a plan about doing it the way regular calculator works - unfortunately I gave up :)

What specific areas of your project would you like help with?

I would like to know, what is the best way of creating the keypad button area? I did it using tables because I knew how to merge some columns/rows together. Would it be better to create such areas with display: grid?

What are you most proud of, and what would you do differently next time?

I am most proud of the structure of my CSS file. By watching some useful YouTube videos I learned some basic funcitonalities I should use and often include in my projects. Now I try to use those all the time. There are no differences that should be made I think.

What challenges did you encounter, and how did you overcome them?

The challenge was to decide if I should set the heights of my elements manually or if those will match the reference when I set everything up. I tried to set those manually at first, but then I removed the height setting from some elements and they was the same on the page, so there was the answer for my question.

What specific areas of your project would you like help with?

There are none

What are you most proud of, and what would you do differently next time?

I am most proud of the level of matching between my solution and original design despite lack of Figma file. If I had it downloaded with the project, I would definitely make some changes on my page.

What challenges did you encounter, and how did you overcome them?

The challenge was working without a Figma file but I just imported image into Photoshop and measured the sizes of every element :)

What specific areas of your project would you like help with?

Is there any way to match original design without Figma or any other structure file? Would really like to learn how to be able to deal with such situations.

What are you most proud of, and what would you do differently next time?

I am mostly proud of that I did the structure myself and the only thing I needed was some basic knowledge from youtube video

What challenges did you encounter, and how did you overcome them?

The challenge was getting used to work with Figma and it's interface.

What specific areas of your project would you like help with?

The only thing that I am curious about is if there are some basic rules I should meet and where do I find them?