All solutions

Hi guys, the project is not yet done on my side, Like I said on my previous project. I prefer to have an ugly style but having all feature working V1 than the opposite. Right now I'm struggling to understand what we need to do with the submited form. Do we need to custom a popup with the confirmation message or redirect to another page with confirmation message?

Nevertheless, I decided to submit a partially done solution because I have yet another question and I plan to search through the already submitted one the different ways of sending the form.

My issue right now is: I'm planing to change the input box css class from

• default: when we are not inside the input text area(text kinda grey and alpha transparency)
• active: when we are typing in the input text area(the blue color that we need to use for the design)
• error: addventListener on the submit button, if {email address not valid} => style in red the text area else {open confirmation window} I'm done with default and active using eventListener no problem with that.

But I don't know what to look for or where to look at when I click submit with empty message or missing @. There is no console.log(e) or console.log(submit) I only have a popup at the input textarea saying that I miss an @ in my email address.

Thank you for the help, I will update my project when I will move forward the the JS resolution and finally with the css syle matching the objective.

Sorry for the long input, Thomas.

Hi guys this is my first project. I'm learning on my own before starting a 5 month course in September.

It's far from Pixel perfect I know that. The scaling is off and colors/font size/font weight are not matching. I know it's important but I think it's better to focus on the big picture instead of having a pixel perfect project that lack essential features.

For this project I had a hard time to: _Adjust the text position especially inside the circle _The footer (that doesn't show at all with vercel - why? I can see it on all my previews is vscode and chrome dev mode) did not went to the bottom of my body. I tried to have the footer inside or outside of the body or main flex container. _I have a hard time in general with the scaling (units, font size and when to use for say height min/max-height) to fit responsive requirement. _Lastly I think I struggle with my html arrangement and when or where to use a tag or a class/ID. (Like I said text position was a problem sometimes, so i'm not sure I did things properly)

My next step is to add the JS and fetch the data from the json file; Same a the general looks of the project I felt that being close enough manually was better that struggling for 2 days on fetching the data.

Thank you for reading me, Thomas.