Design comparison
SolutionDesign
Solution retrospective
"Review my code and suggest improvements to apply them to a real-world project. I am a newbie in this field. Please help me out, and criticism is also welcome. 😊"
Community feedback
- @itsdevdeepakPosted over 1 year ago
Hey Ashwani, how you doing ?
Good job on completing the challenge. It looks like you were having trouble styling background pattern. you can solve the issue by using background image with background color.
background-image: url(...); background-color: #skyblue; /* yes you can use both at the same time */ background-size: 100% 50%; /* to make pattern always stays in the center, by manually setting width and height */
You could also pseudo classes to set this separately so its doesn't bother with your other important styles as its just for decoration.
hope you find my feedback helpful and also keep you the good stuff.
Marked as helpful1
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