profile-card-component-main

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

  • Links

• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author

Note: Delete this note and update the table of contents based on what sections you keep.

Overview

The challenge

• Build out the project to the designs provided

Links

• Solution URL: Add solution URL here
• Live Site URL: Add live site URL here

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

Note: These are just examples. Delete this note and replace the list above with your own choices

What I learned

Use of the box-model. Extensive understanding of how to layout components using flex display property and positioning. Introduction to the box-shadow property.

Continued development

CSS Grids. CSS animations.

Useful resources

• Web-Dev Simplified youtube channel(https://www.youtube.com/watch?v=YszONjKpgg4&list=RDCMUCFbNIlppjAuEX4znoulh0Cw&index=2)
  • This helped me to clearly grasp css positioning.

Author

• Frontend Mentor - Kirwa-Dre