Advice Generator Web App with Flexbox, BEM and Basic Error Handling.
Design comparison
Solution retrospective
- How can I improve this project?
- What bad things you saw to fix?
- What feature would you like to add?
I'm open to contribs and PRs on GitHub and also some feedback on Twitter (@mr_enthu) and here (Frontend Mentor).
Merry Christmas & Happy New Year!!
Community feedback
- @jamescheinPosted almost 2 years ago
Hi Mr Enthusiast, You made a great job of the UI with some good lean HTML structure and fine CSS work.
Some pointers - // The functionality is missing for changing the cards - is this to come?
// The HTML and class naming could be more semantic and obvious - eg <main> might benefit from a class of 'advice__card'. Even better would be to use a <div class="advice__app> or landmark element [section, article, etc] inside the <main> element which is traditionally used as a top level page structure element like <header> and <footer> etc. This would serve you better if you wanted to port the advice application as a self-contained component wholesale to other sites in future.
Hope this helps. Best to you! James :)
Marked as helpful1@mrenthuPosted almost 2 years ago@jameschein Thank you so much! I will note your suggestions in readable way and then improve them in time! If you want to add something else, write here or on GitHub. See you in next msg!
0
Please log in to post a comment
Log in with GitHubJoin 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