What are you most proud of, and what would you do differently next time?
I found an almost exact frame on www.w3schools.com. I understood most of it and it helped me learn a lot :)
What challenges did you encounter, and how did you overcome them?
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😅
What specific areas of your project would you like help with?
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.
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.