ashea29/social-links-profile-solution

My solution to the 'Social Links Profile' challenge on Frontend Mentor.

Social Links Profile

This is my solution to the Social Links Profile challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
• Author

Overview

The challenge

This challenge was to build out a simple social profile card. Users should be able to:

• See hover states for all interactive elements on the page

Screenshot

Below are screenshots for both the main and hover-state:

Main

Hover State

Links

• Solution URL: GitHub repo
• Live Site URL: https://social-links-profile-solution-ajs.netlify.app/

My process

Built with

• Vite
• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Sass mixins
• Custom script to check accessibility (using pa11y)

  pnpm a11y -- Social Links Profile Solution

Author

• Website - Andrew J Shea | Portfolio
• Frontend Mentor - @ashea29
• GitHub - ashea29
• LinkedIn - Andrew J Shea