.gen_list { max-width: 100%; .list_item { margin-bottom: 5rem; min-height: 25vh; } a { text-decoration: none; } h3 { margin-top: 0rem; } .text > img { width: 64%; } .img-only { height: 40vh; background-size: 100% auto; background-position: top; background-repeat: no-repeat; } .articlemeta { margin-bottom: 1em; &:first-child { font-weight: bold; } } } @media (min-width: 640px) { .list { width: 68%; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) { } @media (min-width: 1024px) { } @media (min-width: 1280px) { } @media (min-width: 1920px) { }