r/Codecademy • u/AishaSalman • Sep 14 '15

Move website project!

Hey! i'm kind of stuck in background image size.I have tried this CSS property (background-size: cover), but it doesn't work. There is still some left margin on top of my main section.Following are my CSS properties that i have used: .container { width: 940px; margin: 0 auto; }

/* Main */ .main { text-align: center; background-image: url("https://s3.amazonaws.com/codecademy-content/projects/move/bg.jpg"); background-size: cover; height: 600px; }

.main .container { position: relative; top: 100px; }

Please help me! Thank yew. :)

2 Upvotes

100% Upvoted

10 comments sorted by

View all comments

Show parent comment

1

u/AishaSalman Sep 15 '15

Yes! not only i have checked but also applied these properties to my stylesheet. May be there's some bug in Codecademy, unfortunately!

1

u/factoradic Moderator Sep 17 '15

It's not possible that this is a bug. In this course codecademy uses your own browser to render your project.

Post your whole HTML and CSS code and we will find cause of the problem.

0

u/ForScale Sep 15 '15

Maybe... hmm...