<section>
    <aside>
        <b>Code Basics</b>
        <p>Уроки по программированию</p>
    </aside>
    <main>
        <p>Цель Code Basics — предоставить качественные интерактивные уроки по основам программирования бесплатно, для всех.</p>
        <p>Исходный код платформы Code Basics, всех уроков и упражнений доступен на Github. Вы можете поучаствовать в процессе улучшения уроков, исправления неточностей и расширения курсов на другие языки программирования</p>
    </main>
</section>
:root {
  --aside-width: 200px;
}

body {
  margin: 0;
  
  font: 18px/1.5 sans-serif;
}

section {
  display: flex;
}

aside {
  position: fixed;
  top: 1em;
  left: 1em;
  width: var(--aside-width);
  height: 100%;
}

main {
  margin-left: calc(var(--aside-width) + 1em);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.