Thanks for checking out this front-end coding challenge.
Frontend Mentor challenges help you improve your coding skills by building realistic projects.
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: Here is my solutiom
- Live Site URL: Here is my live solution
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
In this project i learned about -
- Adding multiple background images and how to position them
- How to position something using
position: absolute;
property - How to something in the center
I found myself struggling with position while creating this project and I am going to improve on that.
- adding Multiple backgroound images - This helped me for adding multiple background images. I really liked this pattern and will use it going forward.
- Center anything with css - This is an amazing article which helped me finally understand on how to center anything. I'd recommend it to anyone still learning this concept.
- Frontend Mentor - @Rohitgour03
- Twitter - @Rohitgour03