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

CSS

Posted by Ben Taylor
Ben Taylor
902 Points

Responsive height?

Hey guys,

I've designed a 1 page site for a client, that needs to scale with screen height, so that there is no vertical scrollbar.. Has anyone done this?

The design is based around a big circle, which has icons absolutely positioned inside it, they need to scale with it.. anyone have any ideas?

Many thanks!

Ben

James Barnett
James Barnett
39,199 Points

Do you have a link to the live site? If not create a codepen.

Ben Taylor
Ben Taylor
902 Points

Hi James,

I haven't began coding as I want to get an answer for this first.. but I have a mockup of how I'd like it to look: www.hecticdesigns.co.uk/clients/bt/bury-tomorrow-mockup.jpg

1 Answer

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

It's probably intermediate level of CSS to do it.

  • fluid background image
  • positioning relatively absolute
  • use media queries to make it adaptive
Ben Taylor
Ben Taylor
902 Points

Don't suppose you have an reference URL's to look at?