All solutions

Resubmitting due to no reason, I found an easier & quicker solution to the authentication part, I previously got help with it before i kinda wanna resubmit because im redoing all of the previous projects and trying to submit them.

Hey!

This is the first time I use anything that is related to JS at ALL! I believe I did a good job with it, I decided to use media queries to help with the responsiveness as there was some issues with the inputs and texts being incorrectly positioned but fixed anyways, should worry across all widths and the preview might be ugly. please click the view site button for actual preview, I had a lot of trouble creating the JS Authentication for the email and displaying the text so I decided to just set the outline border color to red as I thought that would help indicate users that it was incorrect, and if it was correct I would set it to blue!

Couple of questions I have:

Could this be easier if I used JQuery? (If so, can you provide some links to where I can learn JQuery)

How can I improve?

How can I use JS to create an html text with correct positioning that acts as an error message?

Thank you!

Resubmitting, I have no idea why the image broke lol

So, this was a fun challenge and easy challenge, I didn't do any web development practice in 5 days and was super busy with school so I decided to do this to "reboot my brain" and it worked as I am now recalling everything I did with HTML CSS and a bit of JS, the responsiveness is excellent, it's just an issue I had was being able to use the position: relative; without making the line disapear, which I didn't really get how to not make it not go away, but the image preview that is displayed is probably going to look messed up but I just wish to know how I can not make the line go away from the screen when the browser is resized.

(all my frontendmentor challenges and challenges I do on the side are located on my repository. Feel free to check it out! https://github.com/LarryTheFatCat)

How do you make it suitable for mobile? I don't really know, please message me!

Overall fun proj though, I learned about box shadowing.

This isn't a question but don't mind the 'bloaty' code lol

Please let me know how I can make it less 'bloaty' if it is possible :D