body { max-width: 50rem; margin: auto; font-family: sans-serif; padding: .2rem; .search form * { margin-right: 1rem; display: inline-block; } .forecast { border-spacing: 0; width: 100%; margin-bottom: 2rem; tbody::after { display: block; height: 2rem; content: ""; } img { height: 2rem; } th { border-bottom: .2rem solid #ccc; background-color: #aaa; padding: .8rem 0rem; } td { padding: .5rem 0rem; border-bottom: 1px solid #ddd; &:not(:first-child) { white-space: nowrap; } } .pictogram { width: 0; padding: .5rem .5rem; } .flying-weather { border-bottom: 3px solid green; } .maybe-flying-weather { border-bottom: 3px solid darkorange; } } }