advice generator app main - using Vue.js
Design comparison
Solution retrospective
Hello, my friend π Iβm Erivelton and this is my solution for this challenge: "advice generator app main". π
π οΈ Built With:
βοΈ Semantic HTML5 markup βοΈ CSS custom properties βοΈ Flexbox βοΈ Grid βοΈ BEM βοΈ ITCSS
π¨βπ» Languages/frameworks Used:
HTML βοΈ SASS π¨ JavaScript π» Vue.js ποΈ
Any suggestions on how I can improve and reduce unnecessary code are welcome!
Thank you. π₯
Community feedback
- @NehalSahu8055Posted over 1 year ago
Hello Coder π.
Congratulations on successfully completing the challenge! π
Few suggestions regarding design.
- Replace
width
withmax-width
in the.card
to make it responsive.
.card { max-width: 550px; }
- Add below line of code to make your design responsive.
img { display: block; max-width: 100%; }
- Make all above mentioned changes and see the effect.
I hope you find this helpful.
Happy codingπ
Marked as helpful0@eriveltondasilvaPosted over 1 year ago@NehalSahu8055 Hello, my friend, they were great suggestions, I will put them into practice, thank you very much ππ
1 - Replace
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