Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

https://github.com/Papi84/Social-Links-new/blob/main/style.css

Papi 230

@Papi84

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

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

@weldu0

Posted

👋🏻 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 helpful

1

Papi 230

@Papi84

Posted

@weldu0 Thanks so much! haven't noticed .

0

Please log in to post a comment

Log in with GitHub
Discord logo

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