<h1 class="fs32 m20">People</h1>
<ul class="fs18 lsn m20 p0" role="list">
  <li class="aic df mb15" role="list">
    <img
      alt=""
      class="b3sxfff br50p bs010x000"
      height="60"
      src="https://robertwpearce.com/images/robert-london.jpg"
      width="60"
    />
    <span class="ml10">Robert W. Pearce</span>
  </li>
  <li class="aic df mb15" role="list">
    <img
      alt=""
      class="b3sxfff br50p bs010x000"
      height="60"
      src="https://robertwpearce.com/images/marty.jpg"
      width="60"
    />
    <span class="ml10">Marty B.</span>
  </li>
  <li class="aic df" role="list">
    <img
      alt=""
      class="b3sxfff br50p bs010x000"
      height="60"
      src="https://robertwpearce.com/images/nik.jpg"
      width="60"
    />
    <span class="ml10">Marty B.</span>
  </li>
</ul>
:root {
  font-size: 62.5%;
  box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
html,
body {
  min-height: 100vh;
}
body {
  font-kerning: normal;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Courier New", Courier, monospace;
  background-color: #1e2127;
  color: #fff;
}
.aic { align-items: center; }
.b3sxfff { border: 3px solid #fff; }
.br50p { border-radius: 50%; }
.bs010x000 { box-shadow: 0 1px 0 #000; }
.df { display: flex; }
.fs18 { font-size: 1.8rem; }
.fs32 { font-size: 3.2rem; }
.lsn { list-style: none; }
.m20 { margin: 2rem; }
.mb15 { margin-bottom: 1.5rem; }
.ml10 { margin-left: 1rem; }
.p0 { padding: 0; }
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.