Social links profile

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

While working on this task, I didn’t encounter any significant difficulties. I decided to use the Sass preprocessor, just like in my previous project, to simplify styling with variables and mixins. However, this time, I moved all the additional code into a separate file, _system.scss.

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

The only part where I had to refer to the documentation and seek help from Google was transitions. Now I’ll try to remember that the following code won’t work:

.links__item {
  a {
    transition: background-color color 0.2s ease-in;
    // For some reason, I thought I could list all the
    // properties to apply the animation to.
  }
}

The correct approach is:

.links__item {
  a {
    transition: background-color 0.2s ease-in, color 0.2s ease-in;
  }
}

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

I haven’t worked much with animations before, so they haven’t stuck in my memory very well. Hopefully, I’ll have more opportunities to practice in future projects.