Frontend Mentor - Profile card component solution

This is a solution to the Profile card component 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
  • Useful resources
• Author
• Acknowledgments

Overview

The challenge

• Build out the project to the designs provided

Screenshot

Links

• Solution URL: GitHub
• Live Site URL: GitHub Pages

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• CSS Grid

What I learned

I learned how to adjust the background images and position them independently.

Continued development

This is my second project from FrontEnd Mentor. I'm really happy with how it turned out, and I'm going to continue to hone my skills through practice.

Useful resources

• W3Schools CSS Reference Sheet - Very handy resource! I'm going to continue with this one
• W3Schools How To - I used this to find how to adjust the background images

Author

• Website - GitHub/ravenloue
• Frontend Mentor - @ravenloue
• Twitter - @ravenloue