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

HTML

Posted by Jeremy Coleman
Jeremy Coleman
5,449 Points

2 Questions. - 1.Media Queries related | 2. Header, Ul related.

[Media Queries] So the first question is, if a device is smaller then a desktop for the examples sake, does it still load everything in the html? I am wanting to make a video background for bigger devices but hesitant because of data usage, bandwidth and I don't want the page to load slowly.

[Header and UL's] Is it bad practice to use ul's and li's for titles, menu buttons, typical things you would find at the top of the page other than navigation?

2 Answers

Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

  1. You can dislpay: hidden for the video element in your media query. That gives you what you want to accomplish.

  2. You can achieve more flexibility if they are separate. For example, you want your title more prominent than some of the other items you named. It is much harder to format if they are all part of the same list. I think you would be much happier keeping true lists in your list html and other things out.

Jeremy Coleman
Jeremy Coleman
5,449 Points
Jeremy Coleman
Jeremy Coleman
5,449 Points

Alright thank you! Makes sense. Just figured if you wanted them to be horizontal it wouldn't take as much effort as it does to get everything in there.