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

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

Overview

Simple profile card with hover effect.

The challenge

Users should be able to:

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

Screenshot

Links

• Solution URL: GitHub link to the code
• Live Site URL: live site uploaded in Vercel

My process

1. Analyzing the task.
2. Structure the HTML and naming the classes.
3. Adding external lins (in needed).
4. Creating style.css.
5. Testing and fixing the bugs.

Built with

• Semantic HTML5 markup
• CSS
• BEM methodology
• Flexbox
• Desktop-first workflow

What I learned

I learned how to properly center a card and making hover effect.

Continued development

I'm currently focused on practicing HTML and CSS with BEM methodology.

Author

• Linkedin - Nikolay Toshev
• Frontend Mentor - @gilotin
• GitHub - @gilotin

Acknowledgments

I want to thank my family, friends and the whole internet community for helping me to become a better programmer.