All solutions

Hello, everyone 😁.

I have few questions.

• Should have an overlay for every other popup in my project or is it simply better to get the parent element to act as the sometimes dark background.

• If I should have the wrapper element act as the background, then what value should I be assigning to the position property.

• Also is there any way to make the popup scroll switching from the main background to the popup, without actually activating it by touching the popup.

Sorry, 😢 if it does not make sense, still hoping to get some feedback though.😁

Hope to get some insight.😀

Any Feedback is much appreciated, Also please help me solve the following problems -

What is the "Total / person" represent, I don't have any experience tipping. so, I simply made it to be the product of "tip / person" and "no of people". However in doing so, the default value miss-match. It is wrong, I assume. So, please correct me and let me know what does it refers to.

Also how do I do something like this, with "this" operator - htmlElement.addEventListener("keyup", () => { myFunction(htmlElement) }); function myFunction(thisElement) { thisElement.value = something; }

Thank you.

Please,👏

1. This is the first time for me using two different fonts, I had just linked them in two different "link" elements. Let me know if this is not the right way to do so.😅

2. I am having trouble with the social media icons, which are child-element, <svg> declared inside <a> element. They seem to trigger the hover event only on clicking the border of the SVG element, rather than the element itself.😌

Please, help me fix this.👏 I would be very thankful.

I had a lot of fun designing the form element in js. I tried adding as many features as possible, and I m really satisfied with the result.😁 I m so, close to the original design 😍.

Any advice on improving my js code is very much appreciated 😘.

Any feedback is very much appreciated.

Is it possible to call a js function with an argument inside the addEventListener function?

My animation of the sub-heading class seems to stutter on loading for the first time, and Every time on loading it locally. Any advice on fixing this. Any feedback is much appreciated.

I had trouble positioning the bg-curve image for the mobile devices, and would love to get a bit of advice on positioning it the right way.

I made my design a little smaller and bigger for desktop and mobile devices than the original one, does it look bad. I would be happy to hear your thought.

Any advice on organizing the code ?

Any suggestion on naming class ?