.projects-list{ text-align: left; } .list ul.projects-list > li{ display: inline; } .projects-list > li > img{ float: left; } .list ul.tags, .page ul.tags{ text-align: right; } .list ul.tags > li{ display: inline; color: #999; font-size: 80%; } .page ul.tags > li{ display: inline; color: #999; } .list ul.projects-list li .title{ font-size: 1.5em; line-height: 1.3em; margin-bottom: 0.5em; } .list ul.projects-list li .date{ width: auto; margin: 0; position: absolute; bottom: 15px; right: -5px; color: #fff; padding: 0em .5em; background: rgb(16, 104, 192); font-size: 70%; } .list ul.projects-list li .new{ width: auto; text-align: center; margin: 0; position: absolute; top: -10px; left: -10px; color: #fff; padding: 0em .5em; background: rgb(207, 9, 105); } .project-image{ display: inline; float: left; position: relative; margin-right: 1em; margin-bottom: 1em; } @media (max-width: 768px) { .projects-list > li > img{ float: none; margin-right: 0px; } .projects-list > li > a{ float: right; } .projects-list .progress{ width: 100%; } }