P
@olaide-hokSubmitted 23 days ago
AnDev
@AnDevMAll comments
- P@EfthymiosKSubmitted about 2 months ago
- @CoolNight99Submitted 3 months agoWhat 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.
- P@YuliaLantzbergSubmitted 4 months agoWhat 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! 🌱
@AnDevMPosted 3 months agoYou can see my decision and give your opinion. Is it normal to do this?
0 - @justCaioDevSubmitted 7 months agoWhat 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.
- P@YuliaLantzbergSubmitted 4 months agoWhat 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! 🌱
- P@YuliaLantzbergSubmitted 4 months agoWhat 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! 🌱
@AnDevMPosted 3 months agoCongratulations! 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.
0 - @raozhaizhuSubmitted 4 months ago
- @Cesare94Submitted 4 months agoWhat 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.
@AnDevMPosted 4 months agoGreetings! 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.
0 - @DandyHypeSubmitted 5 months ago@AnDevMPosted 4 months ago
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; }
0 - @mohamed-fmSubmitted 4 months ago@AnDevMPosted 4 months ago
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 helpful0 - @R04R1NGSubmitted 5 months agoWhat 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.
@AnDevMPosted 5 months agoGreetings! 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.
1 - @RohloffmeisterSubmitted 5 months ago@AnDevMPosted 5 months ago
Hi! Cool implementation. For some reason, the copy password button does not work. Maybe because the method is not implemented.
0 - @RohloffmeisterSubmitted 5 months ago
- @RohloffmeisterSubmitted 5 months ago@AnDevMPosted 5 months ago
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 helpful1 - @jolman009Submitted 7 months ago
- P@nekeferSubmitted 7 months ago@AnDevMPosted 7 months ago
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.
0 - @Mohamed806HSubmitted over 2 years ago@AnDevMPosted 8 months ago
Hi! Use max-width instead of width, this will make your code flexible.
Marked as helpful0
