Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 6 months ago

Profile Card Component-Flexbox

Hüda ÇETİN•50
@jerklex
A solution to the Profile card component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


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

One thing I'm most proud of is successfully building a fully functional front-end for a website from scratch. It was a challenging yet rewarding experience to see my designs and code come to life in the browser. I took great care in making the site responsive, user-friendly, and visually appealing, ensuring it met modern web standards.

However, if I were to do it again, I would focus more on optimizing the development process. For instance, I would implement a more robust planning phase, including creating detailed wireframes and prototypes before jumping into the code. Additionally, I’d spend more time exploring performance optimization techniques, such as reducing file sizes, improving load times, and ensuring better accessibility. These adjustments would not only make the project smoother but also elevate the end product even further.

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

One of the biggest challenges I faced while developing the front end of the website was dealing with unnecessary CSS code. At the beginning, I added many styles quickly to move forward, but this ended up increasing the file size and making updates more complicated. To address this, I reviewed and cleaned up my code, removed redundant classes, and organized the CSS into a more modular structure.

Another challenge was creating a user-friendly layout. Initially, some sections appeared visually cluttered. I overcame this by focusing on user experience, reorganizing the design, and establishing a more consistent visual hierarchy.

This experience taught me the importance of planning and maintaining clean code. In future projects, I plan to approach development with a more efficient and structured methodology.

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

I’m facing issues with class naming in my project. I need help creating more meaningful and consistent names to improve the readability and maintainability of my code.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Hüda ÇETİN's solution.

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
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License