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.
This is a social links challenge, users are able to see their links and all active states on hover, focus and active.
This is a full-screen screenshot of my solution, without the hover states.
- Solution URL: https://github.com/ofthewildfire/social-links-profile
- Live Site URL: https://social-links-profile-green.vercel.app/
I began with the HTML and then I completed the CSS, due to the simplicity of this challenge, I was able to just create this within the CSS from a desktop perspective and then make small changes to the view for mobile view.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- Frontend Mentor - @ofthewildfire
- Twitter - @km_fsdev