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.
Note: Delete this note and update the table of contents based on what sections you keep.
- Build out the project to the designs provided
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
How to create a sick profile card.
Used multiple relative-positioning in different elements, can be removed and implemented using flex-box and margins only. Might implement later.
- CSS-Multiple Backgrounds - This helped me to understand how to use multiple background images and position them accordingly.
- Website - Shiwam Jaiswal
- Frontend Mentor - @jshiwam