Frontend Mentor - Profile card component solution

Table of contents

• Screenshot
• Links
• My process
• Built with
• What I learned
• Author

Screenshot

Links

• Solution URL: Solution URL here
• Live Site URL: Live site URL here

My process

• I approached mobile-first responsive then added the breakpoints for tablet as well as desktop

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow

What I learned

.body {
    background-position: top -70vh right 50vw, bottom -60vh left 50vw;
}

Author

• Frontend Mentor - @iprinceroyy
• Twitter - @prince_popups