Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Advice-Generator-App

Avi Roy 150

@sudeep2003

Desktop design screenshot for the Advice generator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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!

Community feedback

@Shaswat0707

Posted

I can see the issue in your code.

0

@Shaswat0707

Posted

Bro your images are not working

0

@Shaswat0707

Posted

@sudeep2003 bro everyone else's solutions have working image. There is some issue so debug it. Even in your website's preview it's not working. I don't think it's possible for the browsers to not be able render svg

0
Avi Roy 150

@sudeep2003

Posted

@Shaswat0707 I fixed it. Check it now.

0

@Shaswat0707

Posted

@sudeep2003 👍

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord