Design comparison
Solution retrospective
Hello Developers๐
I had a great time doing this project๐ Data is dynamically fetched from the local JSON file... I'm just starting out with Next.js. Please let me know how the mobile view is performing at your end.
As always, I'd really appreciate if you could answer the following:๐
1.What did I do wrong? 2.What did I do right and how to fix them? 3.How can I improve? common mistakes?
๐Thanks in advance Happy Coding๐
Community feedback
- @aymene91Posted over 1 year ago
Congratulations on successfully completing the challenge!
I have a note about the circuit With simple arithmetic we can understand this property Where if the width is 100 px the border-radius It should be half in this example 50 px
hope you found it helpful!
0 - @0xabdulkhaliqPosted over 1 year ago
Hello there ๐. Congratulations on successfully completing the challenge! ๐
- I have other recommendations regarding your code that I believe will be of great interest to you.
DECORATIVE SVG'S โจ๏ธ:
- The
alt
attribute is used to provide alternative text for images in HTML documents. Thealt
attribute is used by screen readers to describe the image to visually impaired users, which is essential for web accessibility.
- Now, when it comes to decorative
SVGs
, they are used purely for aesthetic purposes and do not convey any important information or functionality to the user.
- Since these images do not convey any important information or functionality, there is no need for an
alt
attribute.
- So feel free to set the
alt
attribute as""
for decorativesvg's
, becausealt=""
will be skipped by screen readers they will consider the image as decoration
Example:
<img src="images/decorative.svg" alt="">
<img src="./icon-reaction.svg" alt="react"> ๐ <img src="./icon-reaction.svg" alt="">
.
I hope you find this helpful ๐ Above all, the solution you submitted is great !
Happy coding!
0@itushPosted over 1 year ago@0xAbdulKhalid Yes, using alt attribuite for unimportant images makes no sense. Thank you for pointing it out๐
0@0xabdulkhaliqPosted over 1 year ago@itush Glad you found it helpful ! ๐ค
0 - @Kamlesh0007Posted over 1 year ago
Congratulations on completing the challenge! Your hard work and dedication are truly admirable. As you continue to hone your skills, here are a few suggestions that may be helpful:
-
Keep practicing and learning new things. The more you challenge yourself, the more you'll grow as a developer.
-
Seek feedback from others. It's always helpful to get a fresh perspective on your work and learn from constructive criticism.
-
Collaborate with other developers. Working with others can help you learn new techniques and improve your coding skills.
Again, congratulations on completing the challenge, and I wish you continued success in your coding journey! ๐
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