body { text-rendering: optimizeLegibility; font: 1rem/1.3 sans-serif; } .container { max-width: 40rem; margin: 1rem auto 0 auto; } .sidebar { margin-top: 1rem; float: left; width: 8rem; text-align: right; } .sidebar img { width: 100%; } .topbar { } .topbar ul { padding-left: 0; } .topbar li { display: inline; margin-right: 0.5rem; } .content { } @media screen and (min-width:30rem) { .content { margin-left: 10rem; } .topbar { display: none; } } @media screen and (max-width:30rem) { .sidebar { display: none; } }