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

Responsive advice-generator-app using jQuery

#jquery#bootstrap
somaye beiranvandโ€ข 220

@somaye-beiranvand

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


Hi everybody๐Ÿ˜Š

This was a sweet small easy project which I liked.

I,ve just read articles about BEM methodology which helps with naming css classes and gave it a try in this project.

Also learned some about css units and tryed to use appropriate unit for each part.

Any feedback to improve my code or design is appreciated.๐Ÿ˜Š

Community feedback

Elaineโ€ข 11,420

@elaineleung

Posted

Hi Somaye, well done completing this, and even in using BEM, which I think you did a great job of! ๐Ÿ˜Š I also think you did well in experimenting with the different units, such as ch, rem and em, especially in using rem for font sizes, which I think is the most suitable unit for font sizes.

One thing to note is, I'm viewing your app on Firefox and I can't load the next advice due to the caching settings of the browser. If you want Firefox users to also be able to view your app, try to see how you can add a cache: no-cache line in a request header object using jQuery. That's all the comments, and once again, great work!

Marked as helpful

2

somaye beiranvandโ€ข 220

@somaye-beiranvand

Posted

Hi Elaine

I really was hoping someone took a look at my codes and gave me a feedback about what recently learned and used in this project, and that was so kind of you.๐ŸŒบ๐ŸŒบ๐ŸŒบ

I developed this app using google chrome and didn't notice the problem, thank you so much for letting me know about it. I will study more about it and fix the problem.

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