img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} section #blogs{display:grid;grid-gap:10px;grid-template-columns:220px 1fr} section #blogsidebar{order:1} section #posts{order:2} section #blogsidebar li { text-transform: capitalize } section img { max-width: 100% } section .post { border-bottom: 1px solid #CCC; text-align: left } section .post img { width: auto !important; height: auto !important; } section .post br { height: 12px; display: block; } section .posttags { clear: both } section .posttags a, .postcats a { white-space: nowrap } @media(max-device-width:700px) { section #blogs{grid-template-columns:repeat(1,1fr)} section #blogsidebar { order: 2 } section #posts { order: 1 } section #blogsidebar ul { display:grid;grid-column-gap:10px;grid-template-columns:repeat(3,1fr);align-items:center } } @media(max-device-width:500px) { section #blogsidebar ul:first-of-type {grid-template-columns:repeat(2,1fr)} section #blogs .post > .imgRight, section #blogposts .post > .imgRight { float: none; margin: 12px auto; max-width: 100% } }