Design comparison
Solution retrospective
I’m most proud of the project’s successful integration of real-time data updates. Implementing this feature was technically challenging, but it has greatly enhanced the user experience by providing up-to-date information seamlessly. The positive feedback from users about this feature validates its importance and impact. Next time, I would invest more time in creating a detailed project plan and setting clear milestones. We faced some delays due to unexpected challenges that could have been mitigated with better upfront planning. By incorporating more structured planning and risk management strategies, I believe we can avoid such issues and ensure a smoother development process.
What challenges did you encounter, and how did you overcome them?I encountered a challenge with styling certain elements in the project, particularly with achieving the desired layout and responsiveness. To overcome this, I first reviewed the design requirements and then broke down the layout into smaller components. I experimented with different CSS techniques and utilized Flexbox and Grid for better control over the layout. Additionally, I referred to documentation and community resources to refine my approach. Ultimately, I was able to achieve the desired result by testing and iterating until the layout was fully responsive.
What specific areas of your project would you like help with?I would appreciate help with optimizing the CSS for better performance and ensuring cross-browser compatibility. Specifically, I'm interested in feedback on my use of media queries for responsiveness and how I can improve the overall structure and organization of my stylesheets. Additionally, I'd like input on best practices for naming conventions in my HTML and CSS to make the code more readable and maintainable
Community feedback
- Account deleted
👋🏻 Hey Papi84!
I noticed some errors in your code for the social links. Here are a my suggestions to improve it:
Content & Accessibility: Make sure that each
<a>
tag has content inside it. For example, the last<li>
with "Instagram" doesn't have text inside the<a>
tag. It should look like this:<a href="#" class="list-item">Instagram</a>
. This ensures the links are accessible and usable.I hope you find this helpful 😊
Marked as helpful1
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