Widget
TrainingSteps
No edit summary Tag: 2017 source edit |
No edit summary Tag: 2017 source edit |
||
| Line 15: | Line 15: | ||
flex: 1 1 20% !important; | flex: 1 1 20% !important; | ||
} | } | ||
.mobile-container:hover { | |||
transform: translateY(-5px); | |||
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;" onclick="window.location.href='<!--{$linkUrl|default:'#'}-->';"> | ||
<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 --> | ||
Revision as of 21:13, 10 February 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: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 49 days ago on 04/01/2024. What links here