Submitted about 2 years ago

Intro component with sign-up form

👾 Ekaterine Mitagvaria 👾• 7,640

@catherineisonline

Preview site View code

This is a solution for...

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hello, Frontend Mentor community! This is my solution to the Intro component with the sign-up form.

I appreciate all the feedback you left that helped me to improve this project. Due to the fact that I published this project very long ago, I am no longer updating it and changing its status to Public Archive on my Github.

You are free to download or use the code for reference in your projects, but I no longer update it or accept any feedback.

Thank you

Community feedback

Youssef Tadarti• 90

@YoussefTadarti

Posted over 1 year ago

I just finished this challenge and decided to review the solutions and ideas of others to benefit from them😀

Your solution already looks pretty good. If you're looking to improve your solution, a nice next step you can use a function to generate errors and other one to generate success inputs. 😊 Just a suggestion! 😉

Hope this helps. 🙏

Keep coding (and happy coding, too)! 😁

👾 Ekaterine Mitagvaria 👾• 7,640

@catherineisonline

Posted over 1 year ago

@YoussefTadarti Thank you for the suggestions! 🙏

Ahmed Hassan• 60

@ah7255703

Posted about 2 years ago

nice work , I'm currently learning JavaScript these days, I'd like to ask about your learning source

👾 Ekaterine Mitagvaria 👾• 7,640

@catherineisonline

Posted about 2 years ago

@ah7255703 Thank you. I started with many sources: freeCodeCamp, Udemy, Codecademy. Then I found Frontend Mentor and finally started more practice. Now doing my own project and learning on the way from practice and good old Google

Ridwan Abiola• 240

@abu-hasib

Posted about 2 years ago

You really are good at this design thing.

👾 Ekaterine Mitagvaria 👾• 7,640

@catherineisonline

Posted about 2 years ago

@abu-hasib Thank you!

Michael Waaler• 230

@10high

Posted about 2 years ago

Sorry, I'm not good enough yet to offer feedback, but it looks so great. How do you (and others I've noticed) get the dimensions to match so well? I'm spending far too long comparing the images against my browser. I feel there's a method I don't understand yet. Any enlightenment? :)

Shameer Kamaludeen• 440

@shameerkamaludeen

Posted about 2 years ago

Hi @10high sorry for coming in between.

I use IRFANVIEW GRAPHIC VIEWER to find the measurement, hope this helps you.

also if you could watch Coder Coder youtube channel playlist you could get a better understanding of how to do it.

Also, like to hear from @catherineisonline how to do it better

Marked as helpful

AndreiTolstoi• 100

@and-tol

Posted about 2 years ago

@10high try PerfectPixel extension for browser

Michael Waaler• 230

@10high

Posted about 2 years ago

@shameerkamaludeen Thanks a lot! I'll check those out.

Michael Waaler• 230

@10high

Posted about 2 years ago

@and-tol Thank you! :)

👾 Ekaterine Mitagvaria 👾• 7,640

@catherineisonline

Posted about 2 years ago

@10high Personally I am using a Chrome extension called Perfect Pixel and also Figma, to check the size for padding or margin, for instance. Haven't tried the ones mentioned above but might also be very useful!

Michael Waaler• 230

@10high

Posted about 2 years ago

@catherineisonline Thanks :)

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord