Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Denis Zhidkov
2,660 PointsNeed help with responsive design
Webpage: http://vote.hooters.com.ru/
Can someone help me with responsive design for background image and text over it? I have several questions:
1) Responsive design for mobile devices - How can I make background image height smaller? Every time I am trying to make min height smaller, text and button goes down.
2) How can I make my text and button in the middle of the page? Every time I am changing browser window bigger and smaller it goes down and up.
3) And why this is happening - https://yadi.sk/i/yRThKiEumPKG4
Thanks a lot for helping
2 Answers
Marty Kokes
4,185 Points- Use background-size as Jeremy mentioned
- margin-top is changing on the moto class when the page is hitting it's break points causing the enclosed text to move.
- You are using the hero class twice so the background is being applied to both elements
Jeremy Canela
Full Stack JavaScript Techdegree Graduate 30,766 PointsTo change the background image size, just use background-size. I always refer to this link when I have to align elements vertically. Try using the vertical align from the link and see if the problem from the screenshot still persists.