This is a solution to the Social links profile challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

• Overview
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Useful resources
• Author

• Solution URL: https://github.com/dimysenpai/social-links-profile
• Live Site URL: https://social-links-profile-3xih.onrender.com/

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

I remembered how to declare variables in css:

:root {
  --green: hsl(75, 94%, 57%);
  --white: hsl(0, 0%, 100%);
  --grey: hsl(0, 0%, 20%);
  --dark_grey: hsl(0, 0%, 12%);
  --off_black: hsl(0, 0%, 8%);
}

To use it in a selection

.main {
  background-color: var(--off_black);
  color: var(--white);
}

• Free Host - render.com - Our fastest path to production Build, deploy, and scale your apps with unparalleled ease – from your first user to your billionth.
• Generate my QR Code - This site allowed me to easily generate my QR Code.
• Font Used - This font is really very beautiful

• Website - Dimitri Mabom
• Frontend Mentor - @dimitrimabom
• Linkedin - Dimitri Mabom