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

Ansar 110

@ansarstellar

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?

Added transition first time;

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

It was pretty easy.

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

Bootstrap + React

Community feedback

P
Ken 160

@ubcyukiny

Posted

Hello, good work finishing the project!

I love the personal touch on fonts. Something I think that could be helpful, is using vars in your css file. We can have a root class that stores all the reusable variables such as color, and spacing. For example:

:root {
  --grey900: #141414;
  --grey800: #1f1f1f;
  --grey700: #333333;
  --green: #c4f82a;
}

.card {
background-color: var(--grey800)
}

It will make updating colors, spacing easier in the future, as you only need to edit the color var stored in :root. You can read more here.

You could also improve the solution by adding responsive web design.

I don't have any experiences using Bootstrap so I can't help you on that specific area :(

Marked as helpful

1

Ansar 110

@ansarstellar

Posted

@ubcyukiny damn thank you so much!!! I did not expect such valuable knowledge could be given in feedback. 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