HTML & CSS Hands-On - Media Queries - Start

by Karin Huber

HTML

<header>Header</header>

<div id="menu">
  <ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
  </ul>
</div>

<div id="content">
  <h1>The plans you refer to will soon be back in our hands.</h1>
  <p>Oh God, my uncle. How am I ever gonna explain this? Oh God, my uncle. How am I ever gonna explain this? Dantooine. They're on Dantooine. Your eyes can deceive you. Don't trust them. The plans you refer to will soon be back in our hands.</p>
  <p>I have traced the Rebel spies to her. Now she is my only link to finding their secret base. What good is a reward if you ain't around to use it? Besides, attacking that battle station ain't my idea of courage. It's more like…suicide.</p>
  <h2>What!?</h2>
  <p>Hey, Luke! May the Force be with you. Hey, Luke! May the Force be with you. I find your lack of faith disturbing. Don't underestimate the Force. Look, I can take you as far as Anchorhead. You can get a transport there to Mos Eisley or wherever you're going.</p>
  <p>I don't know what you're talking about. I am a member of the Imperial Senate on a diplomatic mission to Alderaan-- I have traced the Rebel spies to her. Now she is my only link to finding their secret base.</p>
  <h3>Hokey religions and ancient weapons are no match for a good blaster at your side, kid.</h3>
  <p>I need your help, Luke. She needs your help. I'm getting too old for this sort of thing. A tremor in the Force. The last time I felt it was in the presence of my old master. Leave that to me. Send a distress signal, and inform the Senate that all on board were killed.</p>
  <p>The Force is strong with this one. I have you now. He is here. A tremor in the Force. The last time I felt it was in the presence of my old master. Dantooine. They're on Dantooine.</p>
  <p>Oh God, my uncle. How am I ever gonna explain this? I call it luck. I have traced the Rebel spies to her. Now she is my only link to finding their secret base. You're all clear,...