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
  • What I learned
  • Useful resources
• Author

Overview

The challenge

• Build out a profile card using the provided designs as a model. (./design)

Screenshot

My solution screenshot: (./screenshot.png)

Links

• Solution URL: [https://github.com/Pseidu/Profile-card-component.git]
• Live Site URL: Add live site URL here

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox

What I learned

(or practiced or refreshed)

body {
Using all screen height and avoiding scroll bars
  min-height: 100vh;
  padding: 0;
  margin:0;
...
Positioning background images
  background-position: right 55vw bottom 30vh, left 50vw top 40vh;
...
}

Useful resources

My first challenge. It was very useful looking at other's solutions

Author

• Rafael Soriano
• Frontend Mentor - @pseidu