Design comparison
SolutionDesign
Solution retrospective
All reviews are welcome. I didn't use Javascript, but I was getting some errors, and it really got me frustrated. Please, guide me. I tried using eventlistener
Community feedback
- @petritnurediniPosted 9 months ago
Congratulations on completing your News Homepage project! 🌟 It's great to see your dedication to front-end development. Here are some quick tips to refine your work:
-
HTML & CSS Best Practices:
- Use semantic HTML tags where appropriate for better SEO and accessibility.
- Keep CSS selectors simple for easier maintenance and readability.
-
Responsive Design:
- Use media queries to ensure your site looks good on all devices.
- Consider using flexbox or CSS grid for more flexible layouts.
-
Performance Optimization:
- Compress images to reduce load times.
- Minimize CSS and JavaScript files for better performance.
-
Accessibility:
- Ensure that all interactive elements are keyboard accessible.
- Use
alt
tags for all images for screen readers.
-
Further Learning:
- Responsive Web Design: Mozilla Developer Network
- CSS and JavaScript best practices: W3Schools
Keep up the excellent work, and keep challenging yourself with new projects! Your journey in web development is progressing impressively. 👍
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