README-template.md

Frontend Mentor - Social links profile solution

This is a solution to the Social links profile challenge on Frontend Mentor.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
• Author

Overview

The challenge

Users should be able to:

• See hover and focus states for all interactive elements on the page

Screenshot

Links

• Solution URL: Add solution URL here
• Live Site URL: Add live site URL here

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

Using CSS custom properties:

:root{ 
    --primary-green:  hsl(75, 94%, 57%);
    --off-black:  hsl(0, 0%, 8%);
    --dark-gray:  hsl(0, 0%, 12%);
    --gray:hsl(0, 0%, 20%);
    --white: hsl(0, 0%, 100%)
}

body{ 
    background-color: var(--off-black);
    padding: 2em;
}

Author

• Website - My Portfolio
• Frontend Mentor - @vaylon-fernandes
• GitHub - @vaylon-fernandes
• LinkedIn - Vaylon Fernandes
• HackerRank - @vaylonfernandes
• LeetCode - Vaylon