@AgataLiberska
Posted
Hi Jared! The best option I think would be to just have custom validation done with JS and control the visibility of the error message in JS. If you want to stick to CSS, you could try adding the error message right underneath the input in your markup, set display: none
, and use input:invalid + p
(or something like that) to select it and change the display rule. The :invalid
pseudoclass kicks in as soon as the user starts typing and goes away when the input is valid.
Nice work on this challenge btw, but do have a look at how your solution works on tablet size (you can emulate different viewport sizes in your browser). On some sizes, the image is really stretched out and it covers up the logo.