All solutions

Hello everyone, here is my solution for the "Pricing component with Toggle" project. I used Sass and JavaScript to complete this project. Would appreciate any feed back especially with improvements in the js file. Thank you.

Hello everyone, Here's my solution for the intro component with signup form. Would appreciate any feedback. The form validation was the hardest part.

Extras:

• Used Sass
• Error icon has shaking animation when it appears.
• Password field requires at least 8 characters.

Features I would like to add at a later time:

• Use fontawesome icon to show a green check mark when input field is valid
• Once form is submitted, have a popup or overlay that pulls name values from form and adds them to a thank you message. Have a count down when the message will go away and then the form is reset as well.

Please leave feed back on ways to improve. Thumbs up if you like the out come. If your up to working on a project together let me know.:) Thanks so much.

Welcome any feed back. I wanted to use an addEventListener instead of having an 'onclick' assigned to each rating div to tell which div was clicked. What I attempted is in the js file but commented out. Does anyone have an idea how to convert what I have? Not sure how to write a function or add to existing function to not allow a submit and show an alert if there was not a rating selected.

Had a time with the share feature. When it came to mobile responsive size I gave the share button a z-index so it would show above resized share container when it was at the bottom of the screen and adjusted the other elements to line up with it. Wanted to know how others went about it? Also how could I add to my js code to have the share bubble close when clicking anywhere outside of it instead of clicking the share button again to close the share bubble?

Hey all, Feed back welcomed. Bug fixes I could use help with:

• When the page first loads and user clicks toggle to apply discount it does not apply discount until the slider has to be moved. Then discount function will work when clicked.
• If toggle is left on yearly billing and I move the slider to another amount it displays the regular price. User has to click the toggle back to monthly then back to yearly to get the discounted rate.

This took about 3 - 4 hours to complete. The css style property "filter: drop-shadow" is a very good alternative to "box-shadow: values; " depending on the scenario. Would love any feed back. Thanks

This is my first project submitting to this community. Just joined couple weeks ago to help with learning JavaScript. I'm pretty comfortable with html and css. Have never used css grid in a project so I thought I would use it in part of this project to get myself familiar with it. Normally I use Flexbox. Would love feed back on my submission and any tips / techniques you have to share.

-The speak bubble style of the mobile menu is not 100%. Have not used :before css property much at all. Was able to create the tip at the top right but had issues keeping it in the same spot when screen is gradually resized. So I commented the css out (line 129) for now until I learn more about :before and :after.

• With the mobile menu I want to add to the mobile menu toggle function so when you click anywhere outside of the mobile menu it will close instead of having to click the mobile menu icon again.

• Also just as an extra I put a smooth scroll to top page icon and function above the logo in the footer section. :)

Thanks Rudy