.landing_page > div > section > ul { list-style-type: none; margin: 0; padding: 0; } .landing_page > div > section > ul > li { margin-bottom: 20px; width: 100%; height: 250px; background: #ddd; } .landing_page > div > section > ul > li:last-child { margin-bottom: 0; } .landing_page > div > section > ul > li > a { display: block; position: relative; height: inherit; transition: all 0.2s; } .landing_page > div > section > ul > li > a > div { position: absolute; left: 0; bottom: 0; padding: 10px 20px; width: calc(100% - 70px); color: #fff; background: #07f; transition: all 0.2s; } .landing_page > div > section > ul > li > a:hover { background: #eee; } .landing_page > div > section > ul > li > a:hover > div { background: #0af; }