@javascriptor1
Posted
Hi Brandon Alobwede ,
Nice work. I have just completed the challenge a few minutes ago. For desktop design, The corner of the image from the left side should not appear (the blue part). You may set the parent container overflow:hidden property .
Keep coding!.
@BrandaoA
Posted
@javascriptor1 Thanks alot i tried doing this for a long while and i wasn't successful.
@javascriptor1
Posted
Hi @BrandaoA ,
I had a look at your code. overflow:hidden property is applied to parent container, not to the element itself as you did.
For this challenge, we can't apply overflow property to the main container - This will cause even the orange box to be cut for the overflow part. We don't want that.
Instead, apply the overflow property on the parent div for the image after you fix the layout and display.
This way, any part of the image outside the parent div will be cut and disappear.
I hope this help.
Good luck!.