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.
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
Below are screenshots for both the main and hover-state:
Main
Hover State
- Solution URL: GitHub repo
- Live Site URL: https://social-links-profile-solution-ajs.netlify.app/
- Vite
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Sass mixins
- Custom script to check accessibility (using pa11y)
pnpm a11y -- Social Links Profile Solution
- Website - Andrew J Shea | Portfolio
- Frontend Mentor - @ashea29
- GitHub - ashea29
- LinkedIn - Andrew J Shea