llCheckpoint1

index.html

  <div class="gridOne">
    <div class="frist">
       Hello World
      </div>
    <div class="second">
      My Fantastic Content
    </div>
  </div>
<div class="gridTwo">
    <div class="sister">
      Alba
     </div>
   <div class= "brother">
      Ibai
    </div>
   <div class= "dog">
     Zuri
    </div>
  </div>
<div class="gridThree">
  <div class="family">
    Love
  </div>
  <div class="image">
    <img src="https://s3.amazonaws.com/bottega-devcamp/scss/cars/porsche.jpg">
  </div>
    
  

llcheckpoint1.markdown

llCheckpoint1

A Pen by raquel olivenza on CodePen.

License.

style.scss

.gridOne {
  display: grid;
  grid-template-columns: 1fr 1fr;
  
}
.second {
  color:blue;
}

.gridTwo {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
}
.sister {
  background-color:red;
  
}
.brother {
  background-color:  blue;
  
}
.dog {
  background-color: yellow;
}
.gridThree {
  display: grid;
  grid-template-columns: 1fr 2fr;
}