jamesspearsv/social-links-profile

Social liks profile challenge from Frontend Mentor.

Frontend Mentor - Social links profile solution

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.

Table of contents

• Frontend Mentor - Social links profile solution
  • 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: https://github.com/jamesspearsv/social-links-profile
• Live Site URL: https://jamesspearsv.github.io/social-links-profile/

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow

What I learned

While I am not a complete beginner to web development or coding, I am totally self-taught and struggle with some of the finer details. My code often lacks cleanliness and more often than not can appear "hacky". My goal in completing this project was to become more familiar with Frontend Mentor, as this was the first challenge I have completed, and to focus on writing class based styles that are reusable and modular. I think that I was able to accomplish this to some extent.

Author

• Website - jamesspearsv.com
• Frontend Mentor - @jamesspearsv