This is a solution to the FAQ accordion card 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.
- Solution URL: Solution URL:
- Live Site URL: Live site URL:
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
I hit a bit of a snag when trying to position the patter image, but with a bit of research and a little help from some other solutions i was able to position the image with the css below
.card {
background: url(images/bg-pattern-desktop.svg), white;
background-position: -33.125rem -16.563rem;
}
- Website - Eghosa Ordia
- Frontend Mentor - @Hardy101
- Twitter - @Eghosa Ordia