/* On wide screens, stick it to the right */ /* On mobile screens, expand to a single column */ .sidebar { width: 270px; float: right; margin: 0.2em 0 1em 1em } @media only screen and (max-width: 500px) { /* Expand the column on narrow screens */ .sidebar { width: 99%; float: right; } } .sidebar-line { text-align: center; border-left: 2px solid; border-right: 2px solid; border-top: 1px solid; border-bottom: 1px solid; border-color: #008a60; } .sidebar-item { border-left: 2px solid; border-right: 2px solid; border-color: #008a60; font-size: 85%; }