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.
- Build out the project to the designs provided
- Solution URL: Frontend Mentor Solution
- Live Site URL: Profile Card Component
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Desktop-first workflow
I learned how to position an absolute element in the middle of its parent. I took me a while to figure it out but in the end am happy I tackled this challenge
.profile__info {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
}
- Website - Raymond Adutwum Agyei
- Frontend Mentor - @alosoft
- Linkedin - Raymond Adutwum Agyei