I struggled a lot with the Hero section. I opted for FlexBox but I feel that I was not optimal in managing my code. Maybe you will give me some hints for a good practice after taking a look at my code๐.
Thanks for your feedback and good code to everyone๐
I admit that this challenge hides some difficulty in terms of displaying the elements of the page. So I wonder if there is no way to do better than what I did. I am waiting for your feedback and ideas for improvement ๐. As for the validation of the form and the update of the style in javascript, I liked it as an exercise.
Very interesting challenge because it allowed me to discover the pseudo-selector :focus-within and to use it, which seems to be little used in CSS projects. This pseudo-selector selects an element if this element contains children that have the :focus. It's quite intuitive I think. In JavaScript, I was able to practice using RegEx to test the validation of the values of the form fields according to the type of each of these fields.
I'm still tempted to do this challenge again this time if I use a Grid display instead of a Flex display.