@MoBlack00
Posted
you have done a great job bro, but I have a question how are you making it pixel-perfect like the design
@faruqAbdulHakim
Posted
@MoBlack00 Hi, you can try to use Pixel Perfect extension by WellDoneCode.
Submitted
@faruqAbdulHakim
Any suggestions on this solution are welcome. 😊
@MoBlack00
Posted
you have done a great job bro, but I have a question how are you making it pixel-perfect like the design
@faruqAbdulHakim
Posted
@MoBlack00 Hi, you can try to use Pixel Perfect extension by WellDoneCode.
@petritnuredini
Posted
Congratulations on completing the Article Preview Component project! You've done a great job, and it's impressive to see your progress. Here are a few tips to take your project to the next level:
Use of alt
Attribute in Images:
alt
attributes in your images, but some are missing descriptive text. The alt
attribute should concisely describe the image content or function. This is crucial for accessibility and SEO. For instance, <img src="./images/drawers.jpg" alt="Drawers" aria-hidden="true">
can be <img src="./images/drawers.jpg" alt="Wooden drawers with decorative plants on top" aria-hidden="true">
. Learn more about alt
text at WebAIM.JavaScript Code Refactoring:
shareOptions
without checking if shareBtn
contains the 'active' class. Explore more about JavaScript best practices at MDN Web Docs.CSS Media Queries:
max-width
in your media query for better layout on tablets. This CSS Tricks guide can be a handy reference for standard device breakpoints.Keep up the fantastic work and continue challenging yourself with new projects. Each step forward builds your skills and confidence as a developer. Your dedication is evident, and I'm excited to see your future creations. Happy coding! 🌟💻
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