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

Social Links Profile

Mozahedul 150

@Mozahedul

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 know how to center an HTML element differently by using flexbox, grid, position: absolute, etc. Next time I will try to solve the problem by writing less code.

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

The only challenge I have faced in adjusting the actual color with the elements.

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

This project helped me to write a social media section in a large project.

Community feedback

P

@jsupasil

Posted

Good work, perfect! You use sematic tag and proper class name.

However, the code might use repetitive css value. You might like this, CSS valuable. https://www.w3schools.com/css/css3_variables.asp

I think it is very useful to call back any properties value that we use often in a project.

1

Mozahedul 150

@Mozahedul

Posted

@jsupasil Thank you very much for your comment. I built this project when I didn't know enough about the :root pseudo-class selector to define a global CSS variable. Now I am using this strategy in my latest project. You have truly said that by using this :root, we can easily avoid the repetitive code, making our code more readable and maintainable. I appreciate your feedback.

1

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