All solutions

Suggestions are highly welcome. Thank you.

Any feedback/suggestions would be highly welcomed. Thank you.

Your feedback is highly welcome. Also, is there I tried using $("input")[i].addClass("border-invalid"); in place of document.querySelectorAll("input")[i].classList.add("border-invalid"); and it didn't seem to work. And is there anything I could have done better?

Is there a way to make the 2 middle cards resize as I resize the window? Only the 2 cards at the sides resize while resizing the window. Also, feedback would be highly appreciated. Thank you.

Any feedback would be highly welcome. Also is it okay that I do not want to use bootstrap and other frameworks necessary in some cases because I want to sharpen my CSS? Thank you

Any suggestion would be highly welcome. Thank you in advance.

Is there anything I could have done better? Constructive criticism is welcome. Thank you.

Is there anything I could have done better? Constructive criticism is highly welcome. Thank you so much...