Profile card component - Remastered Solution

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

Preview

Links

• Live Preview:	click here
  Frontendmentor Post:	click here
  Original Repository (Non-Remastered):	click here

Built With

• 
• 

Tools Used

• 
• 
• 
• 

Outcome

• First completed this challenge as per design they provided, then i modified the way it looks
• Used HTML5 semantic elements for better accessability and readability
• Used Git and GitHub for project management
• Tried to maintain clean code
• Used media queries for responsive design
• Cross tested on Firefox and Chromium based browsers

What I learned

• Usage transition property for generating smooth hover transitions for images
• Usage of Semantic elements to improve accessability for screen readers
• Usage of GRID & FLEX layouts in css
• A lot of minor things

Acknowledgment

• Challenge by Frontend Mentor

Contact