HTML & CSS Hands-On - Grid Area- Start

by Karin Huber

HTML

<div id="grid">
  <div class="grid-item header">Header</div>
  <div class="grid-item 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 class="grid-item 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...

CSS

.grid-item {
  border: 1px solid red;
}