<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);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.