- Restaurant Analogy: The backend is everything that happens in the kitchen; the front end is what is is plated and sent to the table
- Mobile first, grid-based system
- Can write nested grids
- Sizes:
xs
s
m
lg
xl
- Works well with
FontAwesome
icons
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script> | |
<div class="resume-container"> | |
<header id="resume-header"> | |
<div id="left"></div> | |
<div id="title"> | |
<h2>Matthew Anderson</h2> | |
<h4>Junior Software Engineer</h4> | |
</div> | |
<div id="contact"> |
xs
s
m
lg
xl
FontAwesome
icons# Your init script | |
# | |
# Atom will evaluate this file each time a new window is opened. It is run | |
# after packages are loaded/activated and after the previous editor state | |
# has been restored. | |
# | |
# An example hack to log to the console when each text editor is saved. | |
# | |
# atom.workspace.observeTextEditors (editor) -> | |
# editor.onDidSave -> |