I have successfully implemented client-side validation for a contact form using JavaScript. This validation ensures that users provide accurate and complete information before submitting the form.
please feel to give me feedback that can i will improve my code quality
#HTML #CSS #Javascript #frontend
Used bootstrap to create the card component. I'm extremely new to using bootstrap and would like feedback on best practices and better ways of customising the framework.
Don't use JavaScript to change CSS of elements but toggle classes
For example don't change the background color of an element with JS when you click on it instead add a class like .active which has background color & color etc...
And try to be as close to the design.
Good work.
i want to improve more on bootstrap and to be faster when working on other challenges
What challenges did you encounter, and how did you overcome them?Bootstrap is not easy when it comes to customization and it is only good when you use the already defined components and settings only. i solved the customization part of bootstrap by adding custom styles.
It looks great however the text needs more contrast (light gray on white background). And also you can use background-image and background-position with normal values like px or % to position the quotes svg image like in the design. And finally, cards and images gets squished on medium size devices, you may want to make it two columns.
I managed to make the height responsive.
What challenges did you encounter, and how did you overcome them?speeding couple of hours trying to make height responsive
What specific areas of your project would you like help with?I would appreciate any feedback or suggestions you might have to help me improve further.
Font is so small you should not just copy paste the image as is.
Resolvi em 40 minutos esse problema
What challenges did you encounter, and how did you overcome them?Meu único desafio foi lhe dar com o formato de material que não era o figma, pois dificulta, e eu senti que não tinha todas informações que eu precisava lá
What specific areas of your project would you like help with?Nenhum
Instead of using % value in width. Use max-width with px or any fixed value.
qr code solution
What challenges did you encounter, and how did you overcome them?Qr code solution
What specific areas of your project would you like help with?Qr code solution
