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: Source Code
- Live Site URL: Live Site (Demo)
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
Went over CSS position
& z-index
properties again and I have learnt a lot more about using them.
.top-circle img{
position: absolute;
top: -65em;
left: -69em;
}
.bottom-circle img{
position: absolute;
right: -67em;
bottom: -62.5em;
}
- Website - Benjamin Thorpe
- Frontend Mentor - @benjithorpe
- Twitter - @benjithorpe1