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
- CSS3
- Responsive design
Learned how to deal with multiple background and also positioning them.
body {
background-image: url(images/bg-pattern-bottom.svg), url(images/bg-pattern-top.svg);
background-position: bottom 137% right -35%, top 50% left -40%;
background-color: var(--Dark-cyan);
background-repeat: no-repeat, no-repeat;
}
- W3Schools - This helped me to add multiple backgrounds to the same element
- Website - Vjayalakshmi
- Frontend Mentor - @VijayalakshmiGanesh
- Twitter - @VijayalakshmiG4