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 How to Make a Website Responsive Web Design and Testing Adjust the Profile Page and Header

Oluwaseun Olowe
Oluwaseun Olowe
1,268 Points

What if my desktop version will be having more features than my mobile version, what is the way out?

For example, on my desktop, advert placement will be allowed but on mobile no advert placement. Will responsive design work in this situation??

Raymond Rowe
Raymond Rowe
6,174 Points

Just trying to understand the question a tiny bit more. IF your problem is you want advertisement on your desktop site but no tyour mobile than responsive web design will work. All you need is a media query and then change your advertisement to visible. Hope this helps

2 Answers

Oluwaseun Olowe
Oluwaseun Olowe
1,268 Points

Yeah, got the idea. but how can i set a <div> to be invisible using css?

for example

<!-- <div id="advert_column">

   </div> -->

how can i set it to be invisible?

Reinart Bacalso
Reinart Bacalso
5,001 Points

Using CSS you can do this:

div {
  display: none;
}

to make the div disappear. To get it back, you can set it to a number of different display properties, depending on what you need it to be.

div {
  display: block;
}

Here's more reference reading for the display property:

http://www.w3.org/wiki/CSS/Properties/display

http://www.w3schools.com/cssref/pr_class_display.asp