Design comparison
Solution retrospective
I played around with the box-shadow property with this one. I don't have the figma/sketch file so I couldn't get the exact values but I tired my best to make it look like the image. After uploading my solution, I noticed a couple of things: The shadow doesn't look like the one in the design. My shadow looks more visible and there's a problem with the h1 element, when I tested it in chrome the word paragraph wasn't sitting alone on a single line. I think that the screenshot was took on another browser. And indeed it was! it was taken on FireFox so I adjusted some values of the h1 element (max-width, margin-left and margin-right) and now it should look the same as the design! Argh I don't know what's wrong with the screenshot, h1 is still taking 3 lines...you can verify that it doesn't if you preview the page on your browser.
Community feedback
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