Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/leonardofaria/bento.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorLeonardo Faria <leonardofaria@gmail.com>2020-10-28 07:53:03 +0300
committerLeonardo Faria <leonardofaria@gmail.com>2020-10-28 07:53:03 +0300
commitbbfcb2e2a67d3fd44913748a334ebe96cfeb07bc (patch)
tree68a85f5dbc5d650726efb7d5310b082180fcfe9b
parentb653b98982c026e747805922d0a8c61ed04388f8 (diff)
Fix image/video/wide behaviour in small screens
-rw-r--r--assets/css/site.css16
1 files changed, 9 insertions, 7 deletions
diff --git a/assets/css/site.css b/assets/css/site.css
index ccc0906..afc011f 100644
--- a/assets/css/site.css
+++ b/assets/css/site.css
@@ -69,13 +69,15 @@ html {
@apply text-2xl;
}
-.article__content > p > img,
-.article__content > video,
-.article__content > .wide {
- @apply max-w-4xl;
- position: relative;
- left: 50%;
- transform: translateX(-50%);
+@screen lg {
+ .article__content > p > img,
+ .article__content > video,
+ .article__content > .wide {
+ @apply max-w-4xl;
+ position: relative;
+ left: 50%;
+ transform: translateX(-50%);
+ }
}
.article a {