https://github.com/Papi84/Article-preview-clean/blob/af2f4dd4445c11df1
Design comparison
Solution retrospective
I'm most proud of how I was able to bring together HTML, CSS, and a bit of JavaScript to create a cohesive and functional project. It was rewarding to see the design come to life and to implement interactive features that enhance the user experience. One thing I would do differently next time is to focus more on optimizing my code for better performance and ensuring that my CSS is more modular and reusable. I’d also like to delve deeper into JavaScript to further enhance interactivity and improve the overall functionality of the project.
What challenges did you encounter, and how did you overcome them?One of the main challenges I encountered was ensuring that the layout was responsive across different screen sizes. Initially, some elements didn’t align properly on smaller screens, which affected the overall user experience. To overcome this, I took the time to learn and implement media queries in CSS, which allowed me to adjust the design for various devices. Another challenge was managing the flow of information between HTML and CSS, especially when making design changes. I overcame this by organizing my code more efficiently and using comments to keep track of different sections, which made it easier to troubleshoot and make updates.
What specific areas of your project would you like help with?I would appreciate help in refining my JavaScript skills, particularly in making my code more efficient and scalable for larger projects. While I managed to add some basic interactivity, I feel there's a lot more I could learn to improve the functionality and user experience. Additionally, any advice on best practices for organizing CSS and HTML to ensure cleaner and more maintainable code would be very helpful. Lastly, I'd like guidance on optimizing my project for performance, especially when it comes to reducing load times and ensuring a smooth user experience across all devices.
Join 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