Design comparison
Solution retrospective
The bottom background pattern always creates the overflow tried multiple thing but it did not fix my problem so if any one knows what I did wrong tell me!
Community feedback
- @darkshadowultimatePosted over 3 years ago
Hi Yohoji, you've had a nice result 👍🏻. I've tried something in the desktop version and I got a decent result, so I'd like to suggest you some changes if you don't mind.
This is the CSS that I've added: .top-bg { /* I suggest you to play a bit with the rotate’s value as well as the positioning /
top: -30%;
left: -32%;
transform: rotateZ(-10deg); } .bottom-bg { / I suggest you to play a bit with the scale’s value as well as the positioning /
right: -15%;
bottom: -40%;
transform: scale(1.4); } .profile-div { / There's a little shadow under the card if you notice / box-shadow: 0 20px 60px -20px #404848; } hr { / Black is a little to intense, try with this color (in accordance to the design) */ border: 1px solid #d8d8d8; }Like I've said in the comments, play a bit with the values and try to see which value gives you better results.
I'm not an expert, so let me now if this comment was helpful to you 😁
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