Design comparison
Solution retrospective
I found an almost exact frame on www.w3schools.com
. I understood most of it and it helped me learn a lot :)
My background-image was getting all over the place, and I could not fix it with size, position or clip. It was because I did not use a no-repeat
with bg image😅
I was unable to create a shadow effect. I tried the box-shadow
attribute on mainbox
container and looked up on google for possible bug-fixings like position : relative
, changing margin
and padding
, but they did not seem to work. I settled with a normal looking border
. Help would be really appreciated.
Community feedback
- @yurinsPosted 6 months ago
Hi Sagnik-Nandi,
Regarding box-shadow, your current code is .mailbox { box-shadow: 25px, 25px, 50px, black; }.
If you remove the comma in between px and color, the code will look like .mailbox { box-shadow: 25px 25px 50px black; }, and the shadow effect should work. Hope this helps.
Keep up the good work!
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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