All solutions

I added special functionality and upgrade some:

✔️ File cookies for welcome user for first time visit

✔️ Save last calculation by set cookies and delete history by click button

✔️ Exstra pop-up for validation precent

✔️ Correct validation data

First project with SCSS

Im still learning how to properly make responsive devices so I met some issues.

I have two problems with small devices. First problem is with scrollbar in smartphone. When I hidden scrollbar I realize that devices with less high just cut content. But in the same time when I added overflow-y to solve this, I got huge empty space under content. I tried figure out what going on but I didnt have any idea how to fix it. So Ive just picked "lesser evil" because when I was making mobile layout I didnt have a script yet.

The next issue is form on screen size like tablets. I had problem with center it and I tried some solutions but it didnt work so I used position fixed and translate to put in right place. Ofc in some screens it dont look great but still better than before.

I will appreciate if someone can take a look to code and tell me whats wrong with it.

Welcome to my second project with pure html and css. I am glad to see you here because I tried so hard to make this project as best as I can. I will appreciate if you take a look to the code and say where something is wrong with it. I made responsiveness for phones, desktops (its looks the same how preview design) and I transformed it a little for tablet devices.

I must admit that I had a little problem with grid when I tried make layout for smallest devices. I think I shouldnt used pixels for comment-cards but when I realized that it was to late. In that case Ive just used flexbox for rescue that situation.