diff --git a/style/media-query.css b/style/media-query.css index 633eb64..c43bdd7 100644 --- a/style/media-query.css +++ b/style/media-query.css @@ -53,3 +53,14 @@ max-width: 250px; } } + +@media (max-width: 370px) { + + .starterkit h3 { + font-size: 1.1rem; + } + + .starterkit p { + -webkit-line-clamp: 3; + } +} \ No newline at end of file diff --git a/style/starterkit.css b/style/starterkit.css index 6a49da8..a08f85f 100644 --- a/style/starterkit.css +++ b/style/starterkit.css @@ -73,6 +73,11 @@ .starterkit h3 { margin: 5px; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; } .starterkit p {