/* Targeting the entire page */
//body {
  font: 1.2em sans-serif;
}

/* Targeting an HTML tag */
//h1 {
  /* Color name */
  color: black;

  /* 6-digit hex  */
  background: #ababab;

  /* Margin: specified separately for each side */
  margin-bottom: 15px;
  margin-top: 15px;

  /* Shorthand: Padding applies to all sides  */
  padding: 10px;

  /* Border shorthand and 3-digit hex */
  border: 1px solid #ddd;
}

/* Overriding inherited styles */
//span {
  color: #004578;
}

/* Sibling selector */
//a + a {
  /* Changing elements from inline to block */
  display: block;
}

/* Targeting a class name  */
//.tiles {
  display: flex;
}

/* Descendant selector */
//.tiles img {
  width: 100%;
}

/* Direct descendant selector */
//.tiles > div {
  /* rgb color */
  background: rgb(10, 10, 10);
  color: white;
  flex-basis: 100%;
  /* Padding/margin shorthand. Goes clockwise from top.
  10px - all
  10px 20px - top/bottom left/right
  10px 20px 15px - top left/right bottom
  */
  padding: 10px 20px 15px;
  margin: 10px 20px 10px 0;
  border: 1px solid white;
}

/* Qualified selector */
//div.important-links {
  background: #004578;
}

/* Style inheritance only works for unstyled elements */
//a {
  color: white;
}

/* Hover pseudo-selector */
//a:hover {
  color: #ccc;
}

/* Positional pseudo-selector  */
//.tiles > div:last-child {
  /* overrides margin-right but leaves other margins alone */
  margin-right: 0;
}

/* ID selector */
//#contact-form {
  display: flex;
  flex-direction: column;
}

/* Attribute selector */
//input[type='submit'] {
  margin-top: 10px;
}   
      

<h1>This is my <span>Title</span></h1>
<div class="tiles">
  <div class="important-links">
    <h2>Important Links</h2>
    <a href="#">We're Awesome</a>
    <a href="#">Learn More</a>
    <a href="#">Hire Us</a>
  </div>
  <div>
    <h2>Our Logo</h2>
    <img src="../../assets/fabric.jpg" width="100" alt="fabric logo" />
  </div>
  <div>
    <h2>Contact Us</h2>
    <div id="contact-form">
      <label>Email</label><input type="email" />
      <input value="Submit" type="submit" />
    </div>
  </div>
</div>