All solutions

In this solution I tried the time functions of Javascript such as setInterval() for the first time. I also wanted to ask how to efficiently write code for detecting errors in card number. I know I could just plug in a bunch of conditionals to check and rectify stuff but I just want to find out if it can be done in an easier manner.

This project was an oppourtunity to familiarize myself with JS. Initially it seemed like a daunting task but finally I managed to pin it down and complete it.

My only hurdle which I can't think to clear is that how do I keep the textboxes horizontally aligned when I make the error text appear. Whenever there is an error(basically incorrect input), the particular textbox under which the error text is supposed to appear seems to get lifted from its position. How do I correct this? Thankyou.

This solution is my first ever javascript solution. As with any beginner trying something new, so did I find myself having a lot many problems at times. Thankfully I managed to solve them, but I know for sure that there were problems that I could have dealt with more better solutions.

This project is my first attempt to grasp the basics of flexbox. Initially I never knew how to even center elements but it has been made much easierby using flexbox. Also alignment of all elements is more easier to do. I am still learning how to implement hover effects using CSS hence I was unable to do the hover part of the challenge. A little help here would be appreciated.

This is my first submission at frontendmentor.io . I tried the Results Summary Component and managed to finish it. It works well on PC but I am struggling with the mobile view for this challenge.

My approach was using two <div> tags for the left and the right half and adding inner components to each. Some of my text seems to be misplaced(on mobile view). Also as for the scores of each parameter on the right half, how do I bring them in-line? Currently they are askew. That's all. Had fun doing this challenge.