Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Only HTML5, CSS and Vanilla JS

@kar-cee

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Thank you for checking out my project and I love to discuss the ways to improve this project.<br> Thank you! <br> Kartse

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hey, Karma Tdev.sering! 👋

Well done on this challenge! 👍 I like the extra details you added (such as the checkbox at the bottom of the form and the information that gets displayed when a user successfully submit the form)! 😀

The only minor thing I'd like to suggest is to perhaps double-check the file path to the favicon for the site, since it doesn't seem to be showing up, at the moment.

It also might be worth taking a look at your solution report and trying to clear up some of the errors that are there in order to improve the accessibility and semantics of your solution.

That's all. 🙂

Keep coding (and happy coding, too)! 😁

1

@kar-cee

Posted

@ApplePieGiraffe Thank you so much for your sincere feedback. I had accidentally deleted the icon and I was not in the mood to get back. unluckily you caught me. You got the eye of the programmer. Anyhow, what to do with the accessibility issues? Keep the same energy! best wishes ahead

1
P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

@kar-cee

You can find out more about how to fix each issue on the accessibility report by clicking on the "Learn More" link at the bottom of each issue. I think most of the issues in your solution can be cleared up by wrapping the content of the site in a main tag. 🙂

0
Sky 945

@Skyz03

Posted

Hi 👋, Great work on completing the challenge, I really liked your solution plus the end result after submission. Keep up the great work. I just spotted a typo in one input where if last name is error it shows *list name error not last name error. Thanks again and keep up the good work !

0

@kar-cee

Posted

@Skyz03 thank you for your feedback!

0
Ahmed Faisal 5,095

@afrussel

Posted

Hi, nice work.😊. Just a small suggestion. Instead of using px use rem for font-size.

Happy coding

0

@kar-cee

Posted

@afrussel Thank you so much for your contribution. I came across this suggestion a lot but, I didn't get any valid reason. And it stops me the same. It would be very helpful if you could. I will definitely change my font-size in the upcoming project and all credit goes to you!

Success code ahead!

0
Ahmed Faisal 5,095

@afrussel

Posted

@kar-cee please take a look of this article

https://dev.to/vetswhocode/responsive-sizing-with-rem-css-units-2m27

May be this will help you to understand the reason of using rem is

0

@kar-cee

Posted

@afrussel God bless you. while(you){ font-size: xrem; } Happy coding ahead!

0
Ahmed Faisal 5,095

@afrussel

Posted

@kar-cee isn't it helpful?

0

@kar-cee

Posted

@afrussel yes it was very nicely explained and I the point. sorry for the late reply; I was sick for the last two days.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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