Profile-card-component

This is a solution to the Profile card component challenge on Frontend Mentor.

---

Live Website

Linkedin

---

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned

Overview

The challenge

There are challenges in this projects -

1. Place the pattern in the background
2. Make the it look perfectly

Screenshot

Desktop Preview

Mobile Preview

Links

• Solution URL: Frontend Mentor

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• :hover, :root
• Desktop First
• Padding, margin, border radius

What I learned

1. I have learned lot about position and background-image but I could not make the bg pattern show. Even I watched videos of this challege but that did not work also i think its because of my laptop or my browser

Update

Finally fixed the project by added background patterns. razalalkhan helped me in this.