Design comparison
Community feedback
- @xsaulPosted over 2 years ago
Hello Alexioos, you did a nice job! For your text, is really simple you just need to change the font-weight to 600.
And about your shadow what you wrote is "box-shadow: 0px 30px 15px 30px hsl(215, 70%, 10%)," so you made a mistyping and is just change to ";" and like that your shadow will be displayed.
Marked as helpful0@Alexioos95Posted over 2 years ago@xsaul Indeed, i didn't noticed both of those mistake, thanks for you feedback ! =P
But even so, i still feel that my texts are off. (Placements, spacing, size...) I notably tried to fiddle with the letter-spacing, but it never came out as i wanted...
Same for the shadow, i don't really get how i can reproduce something like that. It looks as if there was 2 shadows, but i was sure that it was just one with a blurred effect, yet i didn't succeed to do it.
0@xsaulPosted over 2 years ago@Alexioos95 Well first remember you don't have to do the design pixel-perfect! But if you really wanna try it. Maybe increasing a few pixels the size of the text would help.
And about the shadow, to the element: ".wrap::before" you could add another shadow and try to see if you find something similar to what you want but I'm not quite sure. 🤔
By the way, I would decrease the margin-top of the .wrap to something like 20px, like that your site won't have a scroll bar.
0@Alexioos95Posted over 2 years ago@xsaul Well, i'm a little bit perfectionist, so i do want to try to be as close as possible. x)
As for the scroll bar, i personally don't have it. (Both on Chrome/Firefox and 1920/1440px)
So it may be due to the resolution of your screen ?
0@xsaulPosted over 2 years ago@Alexioos95 Haha well so good luck trying to make it perfect!
Yeah my screen is 1300px, but remember you have to make it have an optimal view in all the devices.
0
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