All solutions

Hello! I finished this challenge after a year, so I had to learn everything again. I hope this is good enough :)

I'm back!

I've been ignoring all about web dev lately, just because I'm focusing on uni, so I did this newbie challenge to refresh all the basics.

I think I used a lot of @media and I don't know if it's okay to do it. Also I don't know how to improve that using pure CSS.

Any advice is appreciated!

Hello there! With this challenge I've used a little Bootstrap for the form input and button, so they can smoothly move responsive when the screen resizes.

This is my first newbie JS challenge, and I'm reeeeally new to this. I've been struggling with learning Javascript so if someone have any suggestion about my code, I would really appreciate that. I feel like I used really simple DOM manipulation, I don't know if I hardcoded some things, like

else if (email == '') {
        empty.style.display="block";
        error.style.display="none";
        document.getElementById('email').style.borderColor = 'red';
        return false;
} 

I used the error.style.display="none" because if I tried submitting an invalid email and then an empty one, both errors showed up, so I feel like I hardcoded it this way. There is any way to improve this? Thanks!

Hello! I finally feel like I achieved the fluency with the responsive design, I think it works well in any size. I'm still learning to use rem units, so if you have any advice, trick, or comment, please check my code and let me know :)

Hi! I need feedback about my responsive design. I used Mobile First for the first time and also rem units. I think I learned the MOST in this challenge. I thought: Hmm, this looks simple, let's LEARN about Mobile First design with this one. Then, I realized the issues when I zoom in my pages, and that lead me to investigate about rem units and actually apply them to all my design. I also think that I don't know what I'm doing or if I did it right :(

Hi :) Is there any way to position those divs (first and last)? I just went easy on that and added some margin but I think there can be better ways. Also any comments on my CSS would be appreciated, is my code readable? are there ways to improve it? Thanks

Hi there :) I'm updating this solution because I made a mistake earlier with the images. I really enjoyed doing this but now I know it's not very responsive... Do you have any advice in how to make this page more responsive?

Hello, I would appreciate some feedback :) I struggled with making the page responsive!

Hello there! I still don't know how the background image was that tone of purple, I just used background-blend-mode: multiply because it was the most similar I could get, but if someone knows, please tell me! I struggled with the responsive design so I hope it looks fine :)

Hi!! I would like some suggestions :)