All solutions

This project has dragged on for far too long and I don't even know why!

I learned a lot of things between the beginning of this project and its completion that I unfortunately did not apply. The next ones will be cleaner, especially in terms of css files and BEM notation.

I'm interested in any improvement especially in accessibility.

Thanks for your feedback :-)

Hello everyone!

I wanted to make this project only in javascript vanilla. It was not the easiest way but it allowed me to review the basics of creating elements in js.

I had some difficulties with the types while manipulating object data and I had to change my html and css structure because of a bad implementation of the absolute position.

Please feel free to give me some ideas to improve my code, it would be a pleasure especially on typescript.

Thank you.

Hello everyone!

This project took me longer than expected, I had to understand how vite and typescript work and create a structure for my css as well as a little regex to check the email addresses. The control of my fields is pretty basic but I wanted it that way.

Don't hesitate if you have any advice to optimize some parts of my code.

Thank you :)

Hello everybody !

Well...contrary to expectation, i had a lot of problems with this challenge.

• I worked with background-image and not img tag for training. I'm not familiar with this property and it was ...complicated to sizing correctly my illustration card with background-position and size. I've spend lot of time on it and finally rewrite my HTML structure.

• I've had a problem with my card height and my illustration in position absolute on desktop version. I had to fix the height of my card and used js for close my accordion item when another one is selected otherwise my image would move on same time.

Hi everybody !

I had some difficulty for positionning like i want my SVG background inside body tag. I need more position control...

Does anyone know how to organise css correctly ? (with different sections like components, layout etc....)

I use fixe padding maybe i should use clamp or more dynamic unity ? For my next try !

No difficulties here, just a test for this website. It's pretty cool :-)