Widget
TrainingSteps
No edit summary Tag: 2017 source edit |
No edit summary Tag: 2017 source edit |
||
| (One intermediate revision by one other user not shown) | |||
| Line 14: | Line 14: | ||
.mobile-container { | .mobile-container { | ||
flex: 1 1 20% !important; | flex: 1 1 20% !important; | ||
} | |||
} | |||
.mobile-container { | |||
animation: all 300ms ease-in-out; | |||
} | } | ||
.mobile-container:hover { | |||
transform: translateY(-5px); | transform: translateY(-5px); | ||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | ||
} | } | ||
</style> | </style> | ||
<div class="mobile-container" style="flex: 0 1 20%; background: #112B3C; padding: 10px; margin: 5px; border-radius: 6px; box-sizing: border-box | <div class="mobile-container" style="flex: 0 1 20%; background: #112B3C; padding: 10px; margin: 5px; border-radius: 6px; box-sizing: border-box;"> | ||
<a href="<!--{$linkUrl|default:'#'}-->" style="text-decoration: none; color: inherit;"> | <a href="<!--{$linkUrl|default:'#'}-->" style="text-decoration: none; color: inherit;"> | ||
<!-- Top section with image and heading --> | <!-- Top section with image and heading --> | ||
Latest revision as of 14:05, 1 April 2024
<style> @media screen and (max-width: 600px) {
.mobile-heading {
font-size: 16px !important;
}
.mobile-description {
font-size: 12px !important;
}
.responsive-img {
width: 100% !important;
height: auto !important;
}
.mobile-container {
flex: 1 1 20% !important;
}
}
.mobile-container {
animation: all 300ms ease-in-out;
}
.mobile-container:hover {
transform: translateY(-5px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
} </style>
<a href="" style="text-decoration: none; color: inherit;">
<img class="responsive-img" src="" alt="Image" style="width: 50px; height: 50px; object-fit: cover;">
</a>
This page was edited more than 9 months ago on 04/01/2024. What links here