Programming WebRTC

Styling the Core App Elements

With the HTML in place, you can turn your attention to writing some CSS to present a workable interface. I always begin my work with Eric Meyer’s Reset CSS.^[16] There’s no need to replicate that here, but you will see a minified version of it in the starter screen.css file for this app.

It’s useful to begin by defining an app’s basic typographic properties, usually on the html selector:

demos/basic-p2p/css/screen.css

html {
  font-family: "Lucida Grande", Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}

That text setting might strike you as a bit large and bulky, especially because these are also meant to be mobile-first styles. But that’s deliberate: think about your face’s ...