Skip to content
Submitted over 2 years ago

Intro component with sign-up form

👾 Ekaterine Mitagvaria 👾•7,600
@catherineisonline
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Intro component with sign-up form
  • HTML
  • CSS
  • JS
1newbie

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
    @YoussefTadartiPosted about 2 years 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)! 😁

    0
    👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlinePosted about 2 years ago

    @YoussefTadarti Thank you for the suggestions! 🙏

    1
  • Ahmed Hassan•60
    @ah7255703Posted over 2 years ago

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

    0
    👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlinePosted over 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

    0
  • Ridwan Abiola•240
    @abu-hasibPosted over 2 years ago

    You really are good at this design thing.

    0
    👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlinePosted over 2 years ago

    @abu-hasib Thank you!

    0
  • Michael Waaler•230
    @10highPosted over 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? :)

    0
    Shameer Kamaludeen•440
    @shameerkamaludeenPosted over 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
    2
    AndreiTolstoi•100
    @and-tolPosted over 2 years ago

    @10high try PerfectPixel extension for browser

    1
    Michael Waaler•230
    @10highPosted over 2 years ago

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

    0
    Michael Waaler•230
    @10highPosted over 2 years ago

    @and-tol Thank you! :)

    0
    👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlinePosted over 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!

    2
    Michael Waaler•230
    @10highPosted over 2 years ago

    @catherineisonline Thanks :)

    0

Please log in to post a comment

Log in with GitHub

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