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

Responsive social-link website using CSS flex box

Dawit 70

@dawitgetahun055

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?

What I Am Most Proud Of

I am most proud of the responsive design and user-friendly interface of the project. Ensuring that the site looks great and functions well on various devices was a significant achievement. The careful styling using modern CSS techniques was particularly rewarding.

What I Would Do Differently Next Time Next time, I would focus more on the initial planning and design phase to streamline the development process. I would ensure the code is well-documented from the beginning, implement more thorough testing for cross-browser compatibility, optimize performance, enhance accessibility, and engage with users earlier to gather feedback and iterate based on their input.

What challenges did you encounter, and how did you overcome them?

I faced several challenges during this project. One of the main difficulties was ensuring that the layout remained responsive and looked good on various screen sizes. Achieving consistent cross-browser compatibility was also a challenge, as certain CSS properties behaved differently across different browsers. Additionally, fine-tuning the styling to achieve the desired visual effects required a lot of trial and error. Finally, making sure that the site was accessible to all users, including those with disabilities, presented its own set of challenges that I had to address.

What specific areas of your project would you like help with?

1. Responsive Design: I would appreciate guidance on advanced techniques for creating responsive layouts that work seamlessly across all devices and screen sizes.
2. Cross-Browser Compatibility: I need help understanding best practices for ensuring that my CSS works consistently across different web browsers.
3. Accessibility: I would like to learn more about implementing accessibility features in HTML and CSS to make my site more inclusive for users with disabilities.
4. CSS Optimization: Tips on optimizing CSS for better performance and faster loading times would be very beneficial.
5. Code Organization: Advice on organizing my CSS and HTML code for better readability and maintainability would be helpful.

Community feedback

@umeshsuwal

Posted

it would be better if you added padding-top to the attribution part. there isn't a gap between the social-link container and the attribution or you can also move the attribution part inside the social-link container too

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