Latest solutions

Hi all, completed this project. Any feedback very welcome, especially regarding simplifying code and better responsiveness. Thank you.

Hi !🖐, Today i completed this simple challenge i also added small hover effect. I would be happy for any feedback. Happy coding 💻!

help me to write the media querie for the mobile screen

as first i use to adjust text using margin but in this design how to set by position relative property

• Did i use well Media queries?
• How can i know the breakpoints for each device?
• What is the 1440px width in the style guide used for?

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👍

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

Any feedback is appreciated, please don't hesitate !

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!

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.

advice on how I could have used DRY principle to assign tips to the buttons and which other change should prompt the calculations to take place?

Your feedback is beneficial to me!

HAPPY CODING