header{ font-family: sans-serif; font-size: 30px; } #mainContainer { display: flex; flex-direction: row; justify-content: space-between; padding: 30px 20px; } #aside { flex: 0 0 30%; } #aside > a{ display: block; font-family: sans-serif; font-size: 16px; text-decoration: none; cursor: pointer; color: black; margin-bottom: 10px; } #aside > a:hover{ text-decoration: underline; } main{ flex: 0 0 70%; } .item--main{ position: relative; } main img{ max-width: 100%; }