Generated by SassMeister.com.

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;
}

markup.html

<div class="container">
    <article>hello world</article>
    <aside>oh hai</aside>
</div>

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;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.26.11",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}