All solutions

It's been a while since the last time. I didn't spend much time on this, in fact i just wanted to see how fast i could complete this challenge and i did it in less than 2 hours, pretty happy with that. I would be happy to know if i could have done something better! (In the media query i added top margin because the card was hidden, why?)

Hi! It's been a lot of months since the last time I completed a challenge. I forgot most of the HTML, CSS, JS syntax, in fact this challenge took quite some time. I had some troubles managing the responsiveness of the page. I used 3 media queries, but I'm sure there a much more efficient way to solve the problem. But anyway I'm pretty happy with the result.

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better.

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better. It's been a while since the last challenge. This need more improvement and it's not the final version.

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better. I used the data attribute to link the error message and icon to the relative input box. I don't know if i could have done it in a better way, but it works fine and i'm happy because i'm really new to javascript

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better. I used the clamp property to adjust font size responsively

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better. The layout was sooo hard to make. The responsive part is really bad and i couldn't figure out how to make the image bigger. Also the main gets smaller and i don't know why. The only thing i'm happy about is the email box. I learned to use the position property.

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better. This challenge was way ahead of my skills. I need to study more the "position" and "translate" properties.

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better. This is my first time ever working with javascript! Everything seems to work, so i'm pretty happy with the result

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better.

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better. I consolidated my grid knowledge and made good use of classes.

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better. I'm really happy with the result and i think i organized the code well. I completed this challenge in much less time than the others. Tell me what you think!

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better. I didn't add the svg to the background becuse it makes very little difference. The code can be massively optimized and i didn't refactor it yet. Making the upper part was the most difficult part but i maneged to make it fully responsive. Pretty happy with the final result, not musch with the code

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better. The hardest part was to center the card__container and avoid the overflow. In fact i created a media query at a relatively big screen size to avoid the card to go out of screen. When i resize the window the buttons are not in line with each other and i haven't been able to fix it. When the screen gets smaller than 350px the card starts to disappear. How can i fix it? Thank you

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better. Making the background with the svg's was the hardest part. I created 4 media queries to get as close as possible to the design, but i feel i could have done it in an easier way. The BEM conventions weren't as useful as i thought they would be, in fact i ended up creating many redundant rules.

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better. Creating the media query was a nightmare. When i reduced the screen size the image became smaller than the div with the "card" class. I didn't know how to resize the "card" based on the image size, so i created a media query at 1000px, in this way you can't see the image becoming smaller than the container

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better. I struggled to make it responsive and to align the "change" link to the right

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better. I focused mostly on the responsive aspect of the card. The change the layout of the card I applied the grid display on the desktop version and changed the image

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better. I struggled to make it the right size based on the screen width

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better