Frontend Mentor - Profile Card Component Solution

This is a solution to the Profile Card Component Challenge on Frontend Mentor.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • Continued development
  • Useful resources
• Author

Overview

The challenge

• Build out the project to the designs provided

Screenshot

Links

• Solution URL: https://www.frontendmentor.io/solutions/simple-profile-card-component-built-with-scss-HwtVCsqjH
• Live Site URL: https://kens-visuals.github.io/profile-card-component/

My process

Built with

• Semantic HTML5 markup
• SCSS custom properties
• BEM naming convention
• CSS Flexbox
• Mobile-first workflow

Continued development

I like this challange because it brought good memories of my early learning days when I was trying to implement some basic stuff with HTML/CSS.

Useful resources

• MDN - The one and only MDN. The coolest docs for HTML, CSS, JS and more.

Author

• Frontend Mentor - @kens-visuals
• Codewars - @kens_visuals
• CodePen - @kens-visuals