Differences

This shows you the differences between two versions of the page.

--- admin:online-platform-cms:promotions [2021/02/22 11:26] – justas-dambrauskas
+++ admin:online-platform-cms:promotions [Unknown date] (current) – external edit (Unknown date) 127.0.0.1
@@ Line 36: / Line 36: @@
 .cms-holder .img_area {
   height: 50%;
+  overflow: hidden;
 }
@@ Line 41: / Line 42: @@
   object-fit: cover;
   width: 100%;
-  height: 215px;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
@@ Line 84: / Line 84: @@
 .cms-holder .button:hover {
   background: var(--main-primary);
+  color: var(--main-primary-text);
   cursor: pointer;
   filter: brightness(85%);
+}
+@media screen and (max-width: 440px) {
+ .cms-holder .row {
+   grid-template-columns: repeat(auto-fill, 300px);
+ }
+ .cms-holder .promo-card {
+   height: 375px;
+ }
+ .cms-holder .img_area {
+   height: 40%;
+ }
+ .cms-holder .text_area {
+   padding: 30px 20px;
+ }
 }
 </style>
@@ Line 190: / Line 205: @@
 .cms-holder .img_area {
   height: 50%;
+  overflow: hidden;
 }
@@ Line 195: / Line 211: @@
   object-fit: cover;
   width: 100%;
-  height: 215px;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
@@ Line 240: / Line 255: @@
   cursor: pointer;
   filter: brightness(85%);
+  color: var(--main-primary-text);
+}
+@media screen and (max-width: 440px) {
+ .cms-holder .row {
+   grid-template-columns: repeat(auto-fill, 300px);
+ }
+ .cms-holder .promo-card {
+   height: 375px;
+ }
+ .cms-holder .img_area {
+   height: 40%;
+ }
+ .cms-holder .text_area {
+   padding: 30px 20px;
+ }
 }
 </style>