Design comparison
SolutionDesign
Solution retrospective
Any feedback is welcome!
Community feedback
- @rockingrohit9639Posted over 2 years ago
Hey @Soto-J I have some suggestions for you.
- You can use
background-repeat: no-repeat;
which will make sure that your background image does not repeat. - You can use
background-size: contain;
which will maintain the aspect ratio of the image, you can also usebackground-size: cover;
according to your need. - You can give a background color to the body from the style guide. I think the color is
hsl(245, 75%, 52%)
;
Only these changes will make your design a lot better.
- To remove the report warning you can give an
alt
text in your image.
Hope this helps you.
Marked as helpful1 - You can use
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