diff --git a/src/features/posts/Post.css b/src/features/posts/Post.css index 1a1ed32..41c01f6 100644 --- a/src/features/posts/Post.css +++ b/src/features/posts/Post.css @@ -43,6 +43,7 @@ img, video { } .post-metadata * { + display: inline-flex; background-color:rgb(250, 206, 248); border-color: transparent; text-decoration: none; @@ -84,4 +85,24 @@ img, video { .comments-hidden { display: none; +} + +/* Queries */ + +@media only screen and (max-width: 1050px) { /* for tablets */ + img, video { + max-height: 25rem; + } + .title { + font-size: 1.5rem; + } + .post-metadata { + font-size: 0.8rem; + text-align: center; + text-overflow: ellipsis; + } + + .post-metadata * { + max-width: 15%; + } } \ No newline at end of file