starryeyez024 · January 27, 2021 19:00
diff --git a/input.scss b/input.scss
 .container {
   max-width: 1200px;
   margin: auto;
   display: flex;
   flex-direction: row;
 }
 article {
    padding: 20px;
    background: yellow;
    flex-grow: 1;
 }
 aside {
    padding: 20px;
    background: pink;
    width: 360px;
    margin: 60px;
 }
diff --git a/markup.html b/markup.html
 <div class="container">
    <article>hello world</article>
    <aside>oh hai</aside>
 </div>
diff --git a/output.css b/output.css
 .container {
  max-width: 1200px;
  margin: auto;
  display: flex;
  flex-direction: row;
 }

 article {
  padding: 20px;
  background: yellow;
  flex-grow: 1;
 }

 aside {
  padding: 20px;
  background: pink;
  width: 360px;
  margin: 60px;
 }
diff --git a/settings.json b/settings.json
 {
  "sass": {
    "compiler": "dart-sass/1.26.11",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
 }