AnDev
@AnDevMAll comments
- P@olaide-hok@AnDevM
Hello! Nice layout, but it would be better if logic worked.
- P@EfthymiosK@AnDevM
Hi! Very cool no words)
- @CoolNight99What are you most proud of, and what would you do differently next time?
Getting the design down was very satisfying to me. I think I got it close to the specifications.
What challenges did you encounter, and how did you overcome them?The layout of the grid required some trial and error.
What specific areas of your project would you like help with?For some reason, if the media width is around 500px, the "Read More" button disappears behind the grid below. Not sure why.
@AnDevMHi! Good job. If you want improvement, I can tell you.
- P@YuliaLantzbergWhat are you most proud of, and what would you do differently next time?
Hello, Frontend Mentor Community,
This is my solution for the Contact Us Form.
Scored 100% on Google Pagespeed Insights! 🚀
🛠️ Built with:
HTML ✨ CSS 🎨 Less 💕 JavaScript 🧾
Fully responsive design crafted with a mobile-first approach 📲
What specific areas of your project would you like help with?Feedback is always welcome—let’s grow together! 🌱
@AnDevMYou can see my decision and give your opinion. Is it normal to do this?
- @justCaioDevWhat are you most proud of, and what would you do differently next time?
I'm proud of the responsiveness of the page. I might change the way the JavaScript part was implemented.
What challenges did you encounter, and how did you overcome them?The biggest challenge was definitely validating all the fields in JavaScript while simultaneously providing a good experience and guidance for the user. Honestly, I overcame this difficulty by persistently trying and trying without stopping.
What specific areas of your project would you like help with?I would really appreciate some advice on the JavaScript part. I think there are large, repetitive sections of code. I would love to know how to make it more streamlined and dynamic so that it can be reused more effectively.
@AnDevMGreetings! Very cool, nothing to add
- P@YuliaLantzbergWhat are you most proud of, and what would you do differently next time?
Hello, Frontend Mentor Community,
This is my solution for the Contact Us Form.
Scored 100% on Google Pagespeed Insights! 🚀
🛠️ Built with:
HTML ✨ CSS 🎨 Less 💕 JavaScript 🧾
Fully responsive design crafted with a mobile-first approach 📲
What specific areas of your project would you like help with?Feedback is always welcome—let’s grow together! 🌱
@AnDevMcontactForm.reset(); find this method
- P@YuliaLantzbergWhat are you most proud of, and what would you do differently next time?
Hello, Frontend Mentor Community,
This is my solution for the Contact Us Form.
Scored 100% on Google Pagespeed Insights! 🚀
🛠️ Built with:
HTML ✨ CSS 🎨 Less 💕 JavaScript 🧾
Fully responsive design crafted with a mobile-first approach 📲
What specific areas of your project would you like help with?Feedback is always welcome—let’s grow together! 🌱
@AnDevMCongratulations! Super cool implementation logic that is hard to understand. But there is such a question, what should the form do after sending? In a real case, just overload the page? Please write an answer.
- @raozhaizhu@AnDevM
Hi! Very cool! You used Bootstrap too )
- @Cesare94What are you most proud of, and what would you do differently next time?
I managed to carry out the exercise and I feel partially satisfied. I would like the javascript part to be more streamlined.
What challenges did you encounter, and how did you overcome them?None in particular, actually.
What specific areas of your project would you like help with?I would like to write less code in Javascript. Avoid repetitions.
@AnDevMGreetings! Everything works great, but it is better to use max-width and min-width instead of width. It seems to me that you have too much code in js file. Use my code https://marynakolikova.github.io/Interactive-rating-component/ and if you have a question ask me.
- @DandyHype@AnDevM
Greetings! Functionally very cool! At such a level as yours, it is necessary to use rem and em. And max-with, because without it, your blocks are not rubber. For example @media (min-width: 70rem) { .quiz-completed { display: flex; max-width: 90rem; margin: 0 auto; } } section { max-width: 90rem; - example max-width grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; }
- @mohamed-fm@AnDevM
Greetings! Very good work. You should use rem and em instead pix.I don't remember where I read about it, but there are many articles about it. With a code like yours, you can't do without it
Marked as helpful - @R04R1NGWhat are you most proud of, and what would you do differently next time?
I implemented media query which is challenging for me, but I think I did good for this challenge. Also, I feel like my knowledge with CSS grid and Flexbox is still inadequate. I will try to practice more so that I could come up with less spaghetti code 😆
What challenges did you encounter, and how did you overcome them?I still have difficulties with responsiveness especially when getting the font sizes to be as nearly accurate as possible from the design. I've read somewhere that Mobile-First Approach is an efficient approach when it comes to responsiveness so I'll try to apply this on the next challenge.
@AnDevMGreetings! I think you did a great job. I should have changed the buttons to links, because this is a link and not an acceptance form where you have to click buttons.
- @Rohloffmeister@AnDevM
Hi! Cool implementation. For some reason, the copy password button does not work. Maybe because the method is not implemented.
- @Rohloffmeister@AnDevM
Now is is cool!
- @Rohloffmeister@AnDevM
Hello! Very cool implementation of grid and flex, but I like the functionality better as in my implementation https://marynakolikova.github.io/TipCalculatorApp/
Marked as helpful - @jolman009@AnDevM
Greetings! Very excellent work. I have nothing to add.
- P@nekefer@AnDevM
Hi! Very nice implementation. It would be nice if you added at the end of the notification is the e-mail entered by the user It's in that success message.
- @Mohamed806H@AnDevM
Hi! Use max-width instead of width, this will make your code flexible.
Marked as helpful