Design comparison
Solution retrospective
There is nothing new to report.
What challenges did you encounter, and how did you overcome them?The challenge occurred during this project when I was placing a background image
. I used the CSS background-image
property, but for some reason, the image is not displaying at its full length.
To overcome this issue , I used different CSS properties such as object-fit
, background-position
, and background-repeat
. I thought if I repeated the image only on the x-axis, it might resolve the problem, so I used background-repeat: repeat-x,
and it fixed the issue. Then I remembered that to fit the background to the parent element, there is a property similar to object-fit
, which is background-size
.
"If you could check my solution, please provide some suggestions that I can use for my future projects.
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