Widget
TrainingSteps
No edit summary Tag: 2017 source edit |
No edit summary Tag: 2017 source edit |
||
| Line 2: | Line 2: | ||
@media screen and (max-width: 600px) { | @media screen and (max-width: 600px) { | ||
.mobile-heading { | .mobile-heading { | ||
font-size: 16px ; | font-size: 16px !important; | ||
} | } | ||
.mobile-description { | .mobile-description { | ||
font-size: 12px; | font-size: 12px !important; | ||
} | |||
.responsive-img { | |||
width: 100% !important; | |||
height: auto !important; | |||
} | } | ||
} | } | ||
| Line 14: | Line 19: | ||
<div style="display: flex; align-items: center; justify-content: space-between;"> | <div style="display: flex; align-items: center; justify-content: space-between;"> | ||
<!-- Image on the left --> | <!-- Image on the left --> | ||
<img src="<!--{$imageUrl|default:'/images/1000steps.svg'}-->" alt="Image" style="width: 50px; height: 50px; object-fit: cover;"> | <img class="responsive-img src="<!--{$imageUrl|default:'/images/1000steps.svg'}-->" alt="Image" style="width: 50px; height: 50px; object-fit: cover;"> | ||
<!-- Heading on the right --> | <!-- Heading on the right --> | ||
Revision as of 06:56, 22 December 2023
<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;
}
} </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