diff --git a/index.html b/index.html index 8c939ca62eb4d48208c41f7de1b3f6d4128976f3..7ec95fb3ce517842ad6f958054224332b79b66c5 100644 --- a/index.html +++ b/index.html @@ -100,10 +100,7 @@ <div class="article-content overlay"> <h4 class="overlay-title">Expedition 48</h4> - <div class="overlay-description"> - <h4>NASA's Record-braking Astronaut Crewmates Safely Return to Earth</h4> - <p>Here is some additional information to the article where you can read more!</p> - </div> + <h4 class="overlay-description">NASA's Record-braking Astronaut Crewmates Safely Return to Earth. Here is some additional information to the article where you can read more!</h4> </div> </div> </div> diff --git a/styles.css b/styles.css index 8ee6da7b1f3feb6331e2c3ef3f7b70497771d323..65e4f219e54dcdca5109b169ebd7ec7c657e3c69 100644 --- a/styles.css +++ b/styles.css @@ -444,8 +444,10 @@ main { font-size: 0.7rem; } - .overlay-description > * { + .overlay > .overlay-description { font-size: 0.7rem; + max-height: 2.5rem; + line-height: 0.9rem; } .nasa-launch h4 { @@ -519,8 +521,10 @@ main { font-size: 0.8rem; } - .overlay-description > * { + .overlay > .overlay-description { font-size: 0.8rem; + max-height: 2.7rem; + line-height: 1rem; } .nasa-launch h4 { @@ -580,8 +584,10 @@ main { font-size: 0.9rem; } - .overlay-description > * { + .overlay > .overlay-description { font-size: 0.9rem; + max-height: 2.9rem; + line-height: 1.1rem; } .nasa-launch h4 {