almeidarenato

<div class="container">
  <div class="split left">
    <h1>The Designer</h1>
    <a href="#" class="button">Read More</a>
  </div>
  <div class="split right">
    <h1>The Programmer</h1>
    <a href="#" class="button">Read More</a>
  </div>
</div>

almeidarenato

/*
* CSS Reset
*/

* {
  margin:0;
  border: 0;
  padding:0;
  box-sizing: border-box
}

almeidarenato

- White Space
- Color 
- Contrast 
- Scale
- Alignment
- Typography
- Visual Hierarchy

almeidarenato

{
  "workbench.settings.editor": "json",
  "editor.cursorBlinking": "smooth",
  "editor.fontFamily": "'Fira Code'",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 24,
  "editor.formatOnSave": true,
  "editor.rulers": [
    80,

almeidarenato

{
  "compilerOptions": {

    /* Language and Environment */                              
    "lib": ["dom","DOM.Iterable","esnext"],                      
    "jsx": "react-jsx",                                /* entender que estamos usando o react javascript */
    
    /* Modules */
    "module": "commonjs",                                /* Specify what module code is generated. */
     "moduleResolution": "node",                       /* Specify how TypeScript looks up a file from a given module specifier. */