Card Layout

Solution retrospective
Hi, Please provide the feedback for the solution. Whether it is in proper structure or not, how can I make it better if the existing solution is correct.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @RenszCamacho
Hello mate.
You haven't placed the background-color and the background images, I just can see one. So I have gotten into your code and I did this to fix it. Check if that works for you too.
.master-card-block { background-color: hsl(185, 75%, 39%); background-image: url("bg-pattern-top.svg"), url(./bg-pattern-bottom.svg); background-repeat: no-repeat; background-position: calc(100% - 50vw) calc(100% - 50vh), calc(0% + 50vw) calc(0% + 50vh); height: 100vh; }
Greetings.
- @krishnatandon1208
Thanks for the feedback :)
For this basic challenge I was more oriented to get the proper html structure.
Can you please comment on that too? Like the div opted or the spans used are they properly used.
I will also make the background changes :)
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord