SubmittedRajaul Islam Ratul• 1,070
Another challenge done🚀🚀
I learned quite a few things while doing this challenge✨
Feel free to point out my mistakes and anything that I've forgot to implement😄
Follow me and be a part of my journey on completing all free front end mentor challenges🚀🚀🎉
All feedbacks are welcome👍
SubmittedLouai Khodary• 10
During comprehensive testing of the Product Preview Card component on multiple devices, an issue was identified specifically in the mobile view. The bottom border radius defined for the .item-1 container did not render as intended.
Cualquier ayuda es bienvenida
Submitted#animation#next#react#tailwind-css#typescriptChristian Onoh• 30
Hello everyone! I'm eager to learn about your approach to implementing the Extensions section in desktop view. Personally, I utilized an array, mapping through options and multiplying the index by a specified top margin. This design choice ensures a visually appealing layout—zero top margin for the first element (index 0), 8 for the second, and 16 for the third.
Additionally, I'm curious about your method for creating the distinctive background shape featured in the hero section. In my case, I employed Illustrator to craft this unique visual element.
I would greatly appreciate your insights and responses. Thank you!
SubmittedAvi Roy• 80
During the project, I encountered a few challenges that I found difficult:
Ensuring that the QR code component looked and functioned well on various screen sizes and devices was a bit tricky. I had to use CSS media queries and adjust the layout to make it responsive.
While I tried to maintain clean and well-structured code, there are a few areas where I am unsure or have concerns:
CSS Complexity: In some parts of the CSS code, especially for styling the QR code itself, it might have become a bit complex. I wonder if there are better ways to organize and optimize the CSS for maintainability. Compatibility: Although I did some testing, I'm not entirely confident about the cross-browser compatibility of the project. It would be great to know if there are specific areas I should focus on to improve compatibility with various browsers. Yes, I have a few questions regarding best practices:
CSS Best Practices: Are there any recommended best practices for organizing CSS in larger projects? I want to ensure that my stylesheets are maintainable and scalable. Accessibility: I want to access all the projects. Any guidance or advice on these best practices would be greatly appreciated!
Your feedback is valuable to me!
How can use addEventListener() with querySelectorAll("#rating")? The code is written in rating.js (https://github.com/AmitKumar-001/Project-From-Frontend-Mentor/blob/main/Interactive-Rating-Component-Main/rating.js) gives some errors in the console.